@linktr.ee/messaging-react 3.3.6-rc-1781077089 → 3.3.6-rc-1781144689

package/dist/{index-BpkIKkeQ.js → index-DkqNYdg4.js}

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as h, Fragment as ne } from "react/jsx-runtime";
-import F, { createContext as Ge, useContext as Te, useCallback as Y, useState as O, useRef as G, useEffect as H, useId as En, useMemo as te, Suspense as He, useLayoutEffect as In } from "react";
+import j, { createContext as Ge, useContext as Te, useCallback as Y, useState as O, useRef as G, useEffect as H, useId as En, useMemo as te, Suspense as He, useLayoutEffect as In } from "react";
 import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
-import { Chat as Tn, DateSeparator as An, useChannelStateContext as de, useChatContext as Ye, areMessageUIPropsEqual as Mn, useMessageReminder as Rn, useComponentContext as Ut, Attachment as Ln, EditMessageModal as Dn, MessageBlocked as Pn, MessageBouncePrompt as On, MessageDeleted as zn, MessageIsThreadReplyInChannelButtonIndicator as $n, MessageRepliesCountButton as Fn, ReminderNotification as Bn, StreamedMessageText as Un, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Gn, isMessageBlocked as Hn, isMessageBounced as Yn, MessageBounceModal as qn, MessageText as Tt, Poll as Wn, MessageErrorIcon as Xn, useMessageContext as ve, useMessageComposer as Kn, useStateStore as Jn, MessageInput as Zn, useMessageInputContext as Qn, useMessageComposerHasSendableData as es, AttachmentPreviewList as ts, QuotedMessagePreview as ns, TextareaComposer as ss, MessageTimestamp as Le, AIStates as De, useTypingContext as as, useAIState as rs, Channel as is, WithComponents as os, Window as ls, MessageList as cs, ChannelList as ds } from "stream-chat-react";
-import { StarIcon as Fe, DotsThreeIcon as us, SpinnerGapIcon as Ce, SignOutIcon as ms, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as hs, SpeakerHighIcon as fs, VideoCameraIcon as Gt, FileMdIcon as gs, FileTextIcon as bs, FileZipIcon as ps, FilePptIcon as vs, FileCsvIcon as xs, FileXlsIcon as ws, FileDocIcon as Ns, FilePdfIcon as _s, CircleNotchIcon as be, PlayIcon as Be, PauseIcon as ys, LinkIcon as Cs, DownloadSimpleIcon as pe, GiftIcon as ks, ThumbsUpIcon as Es, ThumbsDownIcon as Is, TrashSimpleIcon as Ss, XIcon as Ae, ArrowUpIcon as Ts, SparkleIcon as Ue, ProhibitIcon as As, ArrowLeftIcon as Mt, PencilSimpleIcon as Ms, CaretLeftIcon as Rs, CaretRightIcon as Ls } from "@phosphor-icons/react";
+import { Chat as Tn, DateSeparator as An, useChannelStateContext as de, useChatContext as Ye, areMessageUIPropsEqual as Mn, useMessageReminder as Rn, useComponentContext as Ut, Attachment as Ln, EditMessageModal as Dn, MessageBlocked as Pn, MessageBouncePrompt as On, MessageDeleted as zn, MessageIsThreadReplyInChannelButtonIndicator as $n, MessageRepliesCountButton as Fn, ReminderNotification as Bn, StreamedMessageText as Un, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Gn, isMessageBlocked as Hn, isMessageBounced as Yn, MessageBounceModal as qn, MessageText as Tt, Poll as Wn, MessageErrorIcon as Xn, useMessageContext as ve, useMessageComposer as Kn, useStateStore as Jn, MessageInput as Zn, useMessageInputContext as Qn, useMessageComposerHasSendableData as es, AttachmentPreviewList as ts, QuotedMessagePreview as ns, TextareaComposer as ss, MessageTimestamp as Le, AIStates as De, useTypingContext as as, useAIState as rs, Channel as is, WithComponents as os, Window as ls, MessageList as cs, defaultRenderMessages as ds, ChannelList as us } from "stream-chat-react";
+import { StarIcon as Fe, DotsThreeIcon as ms, SpinnerGapIcon as Ce, SignOutIcon as hs, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as fs, SpeakerHighIcon as gs, VideoCameraIcon as Gt, FileMdIcon as bs, FileTextIcon as ps, FileZipIcon as vs, FilePptIcon as xs, FileCsvIcon as ws, FileXlsIcon as _s, FileDocIcon as Ns, FilePdfIcon as ys, CircleNotchIcon as be, PlayIcon as Be, PauseIcon as Cs, LinkIcon as ks, DownloadSimpleIcon as pe, GiftIcon as Es, ThumbsUpIcon as Is, ThumbsDownIcon as Ss, TrashSimpleIcon as Ts, XIcon as Ae, ArrowUpIcon as As, SparkleIcon as Ue, ProhibitIcon as Ms, ArrowLeftIcon as Mt, PencilSimpleIcon as Rs, CaretLeftIcon as Ls, CaretRightIcon as Ds } from "@phosphor-icons/react";
 import C from "classnames";
-import { MessageActions as Ds, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
+import { MessageActions as Ps, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Rt } from "stream-chat";
 const Yt = Ge({
   service: null,
@@ -16,7 +16,7 @@ const Yt = Ge({
   refreshConnection: async () => {
   },
   debug: !1
-}), qe = () => Te(Yt), yi = ({
+}), qe = () => Te(Yt), Ci = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -36,7 +36,7 @@ const Yt = Ge({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = O(null), [m, b] = O(null), [u, f] = O(!1), [c, g] = O(!1), [p, v] = O(null), N = G(!1), x = G({
+  const [l, d] = O(null), [m, b] = O(null), [u, f] = O(!1), [c, g] = O(!1), [p, v] = O(null), _ = G(!1), x = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
@@ -97,23 +97,23 @@ const Yt = Ge({
   }, [a, s, i, o]);
   const E = G(null);
   H(() => {
-    var T, _;
+    var T, N;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: N.current,
+      isConnecting: _.current,
       isConnected: u,
       dependencies: { service: !!l, userId: t == null ? void 0 : t.id }
     }), !l || !t) {
       o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (N.current) {
+    if (_.current) {
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((T = E.current) == null ? void 0 : T.serviceId) === l && ((_ = E.current) == null ? void 0 : _.userId) === t.id) {
+    if (((T = E.current) == null ? void 0 : T.serviceId) === l && ((N = E.current) == null ? void 0 : N.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -121,7 +121,7 @@ const Yt = Ge({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, g(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, g(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const S = await l.connectUser(t);
@@ -136,7 +136,7 @@ const Yt = Ge({
           error: R
         });
       } finally {
-        g(!1), N.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        g(!1), _.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
@@ -176,7 +176,7 @@ const Yt = Ge({
     } finally {
       g(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), D = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), D = j.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
@@ -217,7 +217,7 @@ const Yt = Ge({
       children: e
     }
   ) : e });
-}, Ps = () => qe(), qt = (e) => {
+}, Os = () => qe(), qt = (e) => {
   var a, r;
   const [t, s] = O(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -239,13 +239,13 @@ const Yt = Ge({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, Os = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function zs(e) {
-  return Os.test(e.trim());
+}, zs = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function $s(e) {
+  return zs.test(e.trim());
 }
 function Lt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !zs(s);
+  return !s || t && s === t ? !1 : !$s(s);
 }
 function Wt(e) {
   return Lt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Lt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
@@ -278,7 +278,7 @@ const Dt = [
   "🍈"
   // Melon
 ];
-function $s(e) {
+function Fs(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -286,8 +286,8 @@ function $s(e) {
   }
   return Math.abs(t);
 }
-function Fs(e) {
-  const s = $s(e) % Dt.length;
+function Bs(e) {
+  const s = Fs(e) % Dt.length;
   return Dt[s];
 }
 const re = ({
@@ -299,7 +299,7 @@ const re = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Fs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", b = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  const l = Bs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", b = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -361,7 +361,7 @@ const re = ({
       ]
     }
   );
-}, Bs = "https://linktr.ee/s/about/trust-center/report", Us = ({
+}, Us = "https://linktr.ee/s/about/trust-center/report", js = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -374,8 +374,8 @@ const re = ({
   onActionComplete: m,
   logLabel: b = "useChannelModerationActions"
 }) => {
-  var B;
-  const { service: u, debug: f } = qe(), c = (B = t == null ? void 0 : t.user) == null ? void 0 : B.id, g = !!(a && s && u && c), [p, v] = O(!1), [N, x] = O(null), [I, E] = O(!1), [M, D] = O(!1), k = g && ((N == null ? void 0 : N.participantId) !== c || (N == null ? void 0 : N.service) !== u);
+  var F;
+  const { service: u, debug: f } = qe(), c = (F = t == null ? void 0 : t.user) == null ? void 0 : F.id, g = !!(a && s && u && c), [p, v] = O(!1), [_, x] = O(null), [I, E] = O(!1), [M, D] = O(!1), k = g && ((_ == null ? void 0 : _.participantId) !== c || (_ == null ? void 0 : _.service) !== u);
   return H(() => {
     if (!g || !u || !c) {
       v(!1), x(null);
@@ -445,7 +445,7 @@ const re = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(Bs, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Us, "_blank", "noopener,noreferrer");
     }
   };
 }, fe = ({
@@ -480,7 +480,7 @@ const re = ({
   triggerClassName: u
 }) => {
   const [f, c] = O(!1), g = G(null), p = En(), v = Y(() => c(!1), []), {
-    isParticipantBlocked: N,
+    isParticipantBlocked: _,
     isCheckingBlockedStatus: x,
     isLeaving: I,
     isUpdatingBlockStatus: E,
@@ -488,7 +488,7 @@ const re = ({
     handleBlockUser: D,
     handleUnblockUser: k,
     handleReportUser: T
-  } = Us({
+  } = js({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -503,10 +503,10 @@ const re = ({
   });
   return H(() => {
     if (!f) return;
-    const S = (B) => {
-      g.current && !g.current.contains(B.target) && c(!1);
-    }, R = (B) => {
-      B.key === "Escape" && c(!1);
+    const S = (F) => {
+      g.current && !g.current.contains(F.target) && c(!1);
+    }, R = (F) => {
+      F.key === "Escape" && c(!1);
     };
     return document.addEventListener("mousedown", S), document.addEventListener("keydown", R), () => {
       document.removeEventListener("mousedown", S), document.removeEventListener("keydown", R);
@@ -522,7 +522,7 @@ const re = ({
         "aria-controls": f ? p : void 0,
         onClick: () => c((S) => !S),
         children: [
-          /* @__PURE__ */ n(us, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(ms, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -544,7 +544,7 @@ const re = ({
               disabled: I,
               "aria-busy": I,
               children: [
-                I ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ms, { className: "h-5 w-5" }),
+                I ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(hs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -556,7 +556,7 @@ const re = ({
               /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : N ? /* @__PURE__ */ h(
+          ) : _ ? /* @__PURE__ */ h(
             fe,
             {
               onClick: k,
@@ -588,13 +588,13 @@ const re = ({
       }
     )
   ] });
-}, js = (e) => /* @__PURE__ */ n(An, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
-function Vs(e) {
+}, Vs = (e) => /* @__PURE__ */ n(An, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
+function Gs(e) {
   return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === je) ? "up" : null : null;
 }
-function Gs(e) {
+function Hs(e) {
   const { channel: t } = de(), { client: s } = Ye("useMessageVote"), a = te(
-    () => Vs(e.own_reactions),
+    () => Gs(e.own_reactions),
     [e.own_reactions]
   ), r = Y(async () => {
     if (s != null && s.userID)
@@ -619,7 +619,7 @@ function Gs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Hs(e) {
+function Ys(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function Xt({
@@ -627,16 +627,16 @@ function Xt({
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Hs(t);
+  const s = e == null ? void 0 : e.text, a = Ys(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Ys = F.lazy(() => import("./Card-BgS405Np.js")), qs = F.lazy(() => import("./Card-C0w-vE4P.js")), Ws = F.lazy(() => import("./Card-BSMnJuUn.js")), We = () => /* @__PURE__ */ n(
+const qs = j.lazy(() => import("./Card-vagKHhvf.js")), Ws = j.lazy(() => import("./Card-CdMpzGPZ.js")), Xs = j.lazy(() => import("./Card-D1L3wBz6.js")), We = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), Xs = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ws, { ...e }) }), Ks = Kt, Js = Jt, Ot = { Composer: Xs, Sent: Kt, Received: Jt, Creator: Ks, Visitor: Js }, Zs = [
+), Ks = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ws, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), Js = Kt, Zs = Jt, Ot = { Composer: Ks, Sent: Kt, Received: Jt, Creator: Js, Visitor: Zs }, Qs = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -650,38 +650,38 @@ function se(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Zt(e) {
-  const t = Zs.find(
+  const t = Qs.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Qs = {
+const ea = {
   video: Gt,
-  audio: fs,
-  image: hs,
+  audio: gs,
+  image: fs,
   document: Vt
-}, ea = {
-  pdf: _s,
+}, ta = {
+  pdf: ys,
   doc: Ns,
-  xls: ws,
-  csv: xs,
-  ppt: vs,
-  zip: ps,
-  text: bs,
-  markdown: gs,
+  xls: _s,
+  csv: ws,
+  ppt: xs,
+  zip: vs,
+  text: ps,
+  markdown: bs,
   generic: Vt
 };
-function ta(e) {
+function na(e) {
   const t = se(e);
-  return t !== "document" ? Qs[t] : ea[Zt(e)];
+  return t !== "document" ? ea[t] : ta[Zt(e)];
 }
 function ce(e, t) {
-  return F.createElement(ta(e), t);
+  return j.createElement(na(e), t);
 }
-const na = (e) => {
+const sa = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, sa = ({
+}, aa = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -693,7 +693,7 @@ const na = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const b = se(t), u = G(null), f = G(null), c = G(null), g = G(r), [p, v] = O(a), [N, x] = O(0), [I, E] = O(!1), [M, D] = O(!1), [k, T] = O(!1), [_, S] = O(!1), [R, B] = O(!0), [A, P] = O(null), z = Y(() => {
+  const b = se(t), u = G(null), f = G(null), c = G(null), g = G(r), [p, v] = O(a), [_, x] = O(0), [I, E] = O(!1), [M, D] = O(!1), [k, T] = O(!1), [N, S] = O(!1), [R, F] = O(!0), [A, P] = O(null), z = Y(() => {
     T(!1), v(!0);
   }, []), V = Y((w) => {
     const y = f.current;
@@ -701,15 +701,15 @@ const na = (e) => {
     const $ = y.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (na(w) - $.left) / $.width)
+      Math.min(1, (sa(w) - $.left) / $.width)
     );
-  }, []), U = Y((w) => {
+  }, []), B = Y((w) => {
     const y = u.current;
     y && y.duration && (y.currentTime = w * y.duration);
-  }, []), j = (w) => {
+  }, []), U = (w) => {
     w.stopPropagation(), E(!0);
     const y = V(w);
-    x(y), U(y);
+    x(y), B(y);
   };
   H(() => {
     r !== void 0 && r !== g.current && (g.current = r, v(r));
@@ -733,13 +733,13 @@ const na = (e) => {
   }, [p]), H(() => {
     if (!I) return;
     const w = ($) => x(V($)), y = ($) => {
-      E(!1), U(V($));
+      E(!1), B(V($));
     };
     return window.addEventListener("mousemove", w), window.addEventListener("mouseup", y), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", y), () => {
       window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", y), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", y);
     };
-  }, [I, V, U]);
-  const q = A ? { aspectRatio: String(A) } : void 0, W = A ? "" : " aspect-video", L = Math.round(N * 100);
+  }, [I, V, B]);
+  const q = A ? { aspectRatio: String(A) } : void 0, W = A ? "" : " aspect-video", L = Math.round(_ * 100);
   return /* @__PURE__ */ h(
     "div",
     {
@@ -786,7 +786,7 @@ const na = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => S(!0),
             onCanPlay: () => {
-              S(!1), B(!1);
+              S(!1), F(!1);
             },
             onWaiting: () => S(!0),
             onPlay: () => T(!1),
@@ -806,7 +806,7 @@ const na = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => S(!0),
             onCanPlay: () => {
-              S(!1), B(!1);
+              S(!1), F(!1);
             },
             onWaiting: () => S(!0),
             onPlay: () => T(!1),
@@ -820,7 +820,7 @@ const na = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        _ && !k && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        N && !k && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           be,
           {
             className: "size-8 animate-spin text-white/80",
@@ -854,11 +854,11 @@ const na = (e) => {
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: j,
-            onTouchStart: j,
+            onMouseDown: U,
+            onTouchStart: U,
             onClick: (w) => w.stopPropagation(),
             onKeyDown: (w) => {
-              w.key === "ArrowRight" && U(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && U(Math.max(0, N - 0.05));
+              w.key === "ArrowRight" && B(Math.min(1, _ + 0.05)), w.key === "ArrowLeft" && B(Math.max(0, _ - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -879,7 +879,7 @@ const na = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": p ? "Pause" : "Play",
-              children: p ? /* @__PURE__ */ n(ys, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
+              children: p ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -893,13 +893,13 @@ const na = (e) => {
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: j,
-              onTouchStart: j,
+              onMouseDown: U,
+              onTouchStart: U,
               onClick: (w) => w.stopPropagation(),
               onMouseEnter: () => D(!0),
               onMouseLeave: () => D(!1),
               onKeyDown: (w) => {
-                w.key === "ArrowRight" && U(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && U(Math.max(0, N - 0.05));
+                w.key === "ArrowRight" && B(Math.min(1, _ + 0.05)), w.key === "ArrowLeft" && B(Math.max(0, _ - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
@@ -929,7 +929,7 @@ const na = (e) => {
       ]
     }
   );
-}, zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", aa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
+}, zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ra = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -940,7 +940,7 @@ const na = (e) => {
 }) => {
   const l = se(e), [d, m] = O(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    sa,
+    aa,
     {
       source: t,
       mimeType: e,
@@ -991,7 +991,7 @@ const na = (e) => {
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${aa(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ra(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1081,23 +1081,23 @@ function tn(e) {
 function Xe(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function ra(e) {
+function ia(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function ia(e) {
+function oa(e) {
   return e ? "text-white" : "text-black";
 }
-function oa(e) {
+function la(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function la(e) {
+function ca(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function ca(e) {
+function da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const Ke = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(F.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(j.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1108,14 +1108,14 @@ const Ke = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${ra(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Cs, { className: `size-12 ${ca(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${ia(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(ks, { className: `size-12 ${da(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ia(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${oa(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${la(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${oa(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${la(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ca(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ n("div", { className: "block", children: m });
@@ -1127,7 +1127,7 @@ function Je(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(nn);
 }
-async function da(e, t) {
+async function ua(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1139,7 +1139,7 @@ async function da(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const ua = ({
+const ma = ({
   url: e,
   filename: t
 }) => {
@@ -1151,7 +1151,7 @@ const ua = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), da(e, t).then(() => {
+        a(!0), ua(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1159,7 +1159,7 @@ const ua = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(be, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(F.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(be, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
         /* @__PURE__ */ n(pe, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1241,10 +1241,10 @@ const sn = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(ua, { url: e, filename: s })
+      action: /* @__PURE__ */ n(ma, { url: e, filename: s })
     }
   );
-}, ma = ({
+}, ha = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1275,7 +1275,7 @@ const sn = ({
       }
     )
   ] });
-}, ha = ({
+}, fa = ({
   message: e
 }) => {
   const t = Je(e);
@@ -1283,7 +1283,7 @@ const sn = ({
     return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !0 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(sn, { ...s }) : null;
-}, fa = ({
+}, ga = ({
   message: e
 }) => {
   const t = Je(e);
@@ -1291,18 +1291,18 @@ const sn = ({
     return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
-}, Ci = Object.assign(ma, {
-  Creator: ha,
-  Visitor: fa
-}), ga = {
+}, ki = Object.assign(ha, {
+  Creator: fa,
+  Visitor: ga
+}), ba = {
   isUnlocking: () => !1
-}, ba = {
-  LockedAttachment: ga
-}, rn = Ge({}), ki = rn.Provider;
-function pa(e) {
-  return Te(rn)[e] ?? ba[e];
+}, pa = {
+  LockedAttachment: ba
+}, rn = Ge({}), Ei = rn.Provider;
+function va(e) {
+  return Te(rn)[e] ?? pa[e];
 }
-const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1319,10 +1319,10 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), xa = (e) => {
+), wa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, wa = (e) => {
+}, _a = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, ke = (e) => {
@@ -1331,7 +1331,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, Na = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, on = (e) => xa(e) || wa(e), _a = (e) => {
+}, on = (e) => wa(e) || _a(e), ya = (e) => {
   var t;
   return on(e) && !((t = e.text) != null && t.trim());
 }, Pe = ({
@@ -1349,7 +1349,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", g = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(ks, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(Es, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: g })
     ] });
   }
@@ -1357,7 +1357,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), b = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(va, { size: o ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), b = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ne, { children: [
     m,
     b
@@ -1365,7 +1365,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     b,
     m
   ] }) });
-}, ya = ({
+}, Ca = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1381,7 +1381,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(Es, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1395,11 +1395,11 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Ss, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Ca = (e) => {
-  var ht, ft, gt, bt, pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et;
+] }), ka = (e) => {
+  var ht, ft, gt, bt, pt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1417,13 +1417,13 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: g,
     threadList: p,
     viewerLanguage: v
-  } = e, { client: N } = Ye("CustomMessage"), { channel: x } = de("CustomMessage"), { isUnlocking: I, onUnlockClick: E, onFetchSource: M, onDownloadClick: D } = pa("LockedAttachment"), [k, T] = O(!1), _ = Rn(c.id), { selected: S, voteUp: R, voteDown: B } = Gs(c), {
+  } = e, { client: _ } = Ye("CustomMessage"), { channel: x } = de("CustomMessage"), { isUnlocking: I, onUnlockClick: E, onFetchSource: M, onDownloadClick: D } = va("LockedAttachment"), [k, T] = O(!1), N = Rn(c.id), { selected: S, voteUp: R, voteDown: F } = Hs(c), {
     Attachment: A = Ln,
     EditMessageModal: P = Dn,
     MessageActions: z,
     MessageBlocked: V = Pn,
-    MessageBouncePrompt: U = On,
-    MessageDeleted: j = zn,
+    MessageBouncePrompt: B = On,
+    MessageDeleted: U = zn,
     MessageIsThreadReplyInChannelButtonIndicator: q = $n,
     MessageRepliesCountButton: W = Fn,
     ReminderNotification: L = Bn,
@@ -1444,7 +1444,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (Gn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(j, { message: c });
+    return /* @__PURE__ */ n(U, { message: c });
   if (Hn(c))
     return /* @__PURE__ */ n(V, {});
   const Z = !p && !!c.reply_count, ae = !p && c.show_in_channel && c.parent_id, ee = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Yn(c);
@@ -1467,7 +1467,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), ct = c.poll_id && N.polls.fromState(c.poll_id), dt = _a(c), me = ke(c), ut = Na(c), Re = !!(J != null && J.length && !c.quoted_message), mt = me && ue && Re;
+  ), ct = c.poll_id && _.polls.fromState(c.poll_id), dt = ya(c), me = ke(c), ut = Na(c), Re = !!(J != null && J.length && !c.quoted_message), mt = me && ue && Re;
   return /* @__PURE__ */ h(ne, { children: [
     a && /* @__PURE__ */ n(
       P,
@@ -1478,7 +1478,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     k && /* @__PURE__ */ n(
       qn,
       {
-        MessageBouncePrompt: U,
+        MessageBouncePrompt: B,
         onClose: () => T(!1),
         open: k
       }
@@ -1490,7 +1490,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
         "data-message-id": c.id,
         children: [
           y && /* @__PURE__ */ n(y, {}),
-          !!_ && /* @__PURE__ */ n(L, { reminder: _ }),
+          !!N && /* @__PURE__ */ n(L, { reminder: N }),
           c.user && /* @__PURE__ */ n(
             re,
             {
@@ -1540,8 +1540,8 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   /* @__PURE__ */ n(
                     Ot.Received,
                     {
-                      title: (Nt = c.metadata) == null ? void 0 : Nt.attachment_title,
-                      mimeType: (_t = c.metadata) == null ? void 0 : _t.attachment_mime_type,
+                      title: (_t = c.metadata) == null ? void 0 : _t.attachment_title,
+                      mimeType: (Nt = c.metadata) == null ? void 0 : Nt.attachment_mime_type,
                       thumbnailUrl: (yt = c.metadata) == null ? void 0 : yt.attachment_thumbnail,
                       amountText: (Ct = c.metadata) == null ? void 0 : Ct.amount_text,
                       detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
@@ -1608,11 +1608,11 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             ),
             s && me && /* @__PURE__ */ n(
-              ya,
+              Ca,
               {
                 selected: S,
                 onVoteUp: R,
-                onVoteDown: B
+                onVoteDown: F
               }
             )
           ] }),
@@ -1629,13 +1629,13 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       c.id
     )
   ] });
-}, ka = F.memo(
-  Ca,
+}, Ea = j.memo(
+  ka,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Mn(e, t)
-), Ea = (e) => {
+), Ia = (e) => {
   const t = ve("CustomMessage");
-  return /* @__PURE__ */ n(ka, { ...t, ...e });
-}, Ia = () => {
+  return /* @__PURE__ */ n(Ea, { ...t, ...e });
+}, Sa = () => {
   var s;
   const { handleDelete: e, message: t } = ve("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
@@ -1645,10 +1645,10 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Ss, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ts, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Sa = () => {
+}, Ta = () => {
   const { handleFlag: e } = ve("CustomMessageActions");
   return /* @__PURE__ */ n(
     Ht,
@@ -1660,19 +1660,19 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(jt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ta = () => {
+}, Aa = () => {
   var t;
   const { message: e } = ve("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Ds,
+    Ps,
     {
       messageActionSet: [
-        { Component: Ia, placement: "quick", type: "delete" },
-        { Component: Sa, placement: "quick", type: "flag" }
+        { Component: Sa, placement: "quick", type: "delete" },
+        { Component: Ta, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Aa = ({
+}, Ma = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1712,26 +1712,26 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Ma = (e) => ({
+}, Ra = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Rt.previewIsLoaded(t) || Rt.previewIsLoading(t)
   )
-}), Ra = () => {
+}), La = () => {
   const { linkPreviewsManager: e } = Kn(), { linkPreviews: t } = Jn(
     e.state,
-    Ma
+    Ra
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Aa,
+    Ma,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, La = "--messaging-channel-input-spacer-height", Da = typeof window > "u" ? H : In, ln = F.createContext(!1), Pa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, Da = "--messaging-channel-input-spacer-height", Pa = typeof window > "u" ? H : In, ln = j.createContext(!1), Oa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1739,16 +1739,16 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Ts, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(As, { weight: "bold", className: "size-4" })
   }
-), Oa = () => {
+), za = () => {
   const e = Te(ln), { handleSubmit: t } = Qn(), s = es(), a = e || !s, {
-    SendButton: r = Pa,
+    SendButton: r = Oa,
     AttachmentPreviewList: i = ts
   } = Ut("CustomMessageInput");
   return /* @__PURE__ */ h("div", { className: "central-container flex flex-col gap-2 min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
     /* @__PURE__ */ n(ns, {}),
-    /* @__PURE__ */ n(Ra, {}),
+    /* @__PURE__ */ n(La, {}),
     /* @__PURE__ */ n(i, {}),
     /* @__PURE__ */ h("div", { className: "flex", children: [
       /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
@@ -1775,7 +1775,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, za = ({
+}, $a = ({
   className: e,
   renderActions: t,
   renderFooter: s,
@@ -1785,7 +1785,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }) => {
   var b;
   const { channel: o } = de(), l = ((b = o == null ? void 0 : o.data) == null ? void 0 : b.frozen) === !0, d = G(null);
-  if (Da(() => {
+  if (Pa(() => {
     if (a)
       return;
     const u = d.current, f = i == null ? void 0 : i.current;
@@ -1793,7 +1793,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       return;
     const c = () => {
       f.style.setProperty(
-        La,
+        Da,
         `${u.offsetHeight}px`
       );
     };
@@ -1832,7 +1832,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
             className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
             children: [
               m && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: m }),
-              /* @__PURE__ */ n(ln.Provider, { value: l, children: /* @__PURE__ */ n(Zn, { Input: Oa }) })
+              /* @__PURE__ */ n(ln.Provider, { value: l, children: /* @__PURE__ */ n(Zn, { Input: za }) })
             ]
           }
         ),
@@ -1840,17 +1840,17 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, $a = [
+}, Fa = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Fa = {
+], Ba = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ba = [
+}, Ua = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ua = {
+], ja = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Oe = "age safety guidelines.", ja = "https://linktr.ee/s/about/contact", $t = (e) => $a.includes(e), Va = (e) => Ba.includes(e), Ga = (e) => {
+}, Oe = "age safety guidelines.", Va = "https://linktr.ee/s/about/contact", $t = (e) => Fa.includes(e), Ga = (e) => Ua.includes(e), Ha = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if ($t(t))
@@ -1858,7 +1858,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (Va(t))
+  if (Ga(t))
     return {
       kind: "age-safety",
       type: t
@@ -1869,7 +1869,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, Ha = (e) => {
+}, Ya = (e) => {
   const t = e.indexOf(Oe);
   if (t === -1)
     return e;
@@ -1879,7 +1879,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ n(
       "a",
       {
-        href: ja,
+        href: Va,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1888,13 +1888,13 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ),
     e.slice(s)
   ] });
-}, Ya = (e) => {
+}, qa = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Ga(
+  const t = e.message.hide_date === !0, s = Ha(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Fa[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ba[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1920,7 +1920,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ua[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || ja[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1930,7 +1930,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              As,
+              Ms,
               {
                 size: 24,
                 weight: "duotone",
@@ -1939,7 +1939,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Ha(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Ya(i) }) })
           ]
         }
       ),
@@ -1954,7 +1954,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] }),
     !t && /* @__PURE__ */ n(Le, { message: e.message })
   ] });
-}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1964,15 +1964,15 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), qa = /* @__PURE__ */ new Set([
+) }), Wa = /* @__PURE__ */ new Set([
   De.Thinking,
   De.Generating,
   De.ExternalSources
-]), Wa = ({ threadList: e }) => {
+]), Xa = ({ threadList: e }) => {
   var g, p;
   const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ye(), { typing: i = {} } = as(), { aiState: o } = rs(t), l = Te(cn);
-  if (!e && l && qa.has(o)) {
-    const v = Xa(t, (g = r.user) == null ? void 0 : g.id);
+  if (!e && l && Wa.has(o)) {
+    const v = Ka(t, (g = r.user) == null ? void 0 : g.id);
     return /* @__PURE__ */ n(
       Ft,
       {
@@ -1986,14 +1986,14 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: N }) => {
+    ({ parent_id: v, user: _ }) => {
       var x;
-      return (N == null ? void 0 : N.id) !== ((x = r.user) == null ? void 0 : x.id) && !v;
+      return (_ == null ? void 0 : _.id) !== ((x = r.user) == null ? void 0 : x.id) && !v;
     }
   ), b = e ? Object.values(i).filter(
-    ({ parent_id: v, user: N }) => {
+    ({ parent_id: v, user: _ }) => {
       var x;
-      return (N == null ? void 0 : N.id) !== ((x = r.user) == null ? void 0 : x.id) && v === (a == null ? void 0 : a.id);
+      return (_ == null ? void 0 : _.id) !== ((x = r.user) == null ? void 0 : x.id) && v === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? b : m;
   if (!u.length)
@@ -2013,31 +2013,34 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
   avatarName: t,
   avatarImage: s,
   testId: a
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ n(
   "div",
   {
-    className: "str-chat__typing-indicator !items-end !bg-transparent",
+    className: "str-chat__li str-chat__li--single str-chat__typing-indicator !static",
     "data-testid": a,
-    style: { insetInlineStart: 0, insetInlineEnd: "auto" },
-    children: [
-      /* @__PURE__ */ n("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ n(
+    style: {
+      marginBottom: "var(--messaging-channel-input-spacer-height, 80px)"
+    },
+    children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
+      /* @__PURE__ */ n(
         re,
         {
+          className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
           name: t,
           image: s ?? void 0,
           size: 24,
           shape: "circle"
         }
-      ) }),
-      /* @__PURE__ */ n("div", { className: "px-4 py-3 rounded-lg bg-[#E9EAED] h-12 flex flex-col justify-end", children: /* @__PURE__ */ h(
+      ),
+      /* @__PURE__ */ n("div", { className: "str-chat__message-inner mx-0", children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n("div", { className: "str-chat__message-text min-h-11 flex items-center", children: /* @__PURE__ */ n("div", { className: "str-chat__message-text-inner str-chat__message-simple-text-inner", children: /* @__PURE__ */ h(
         "svg",
         {
           "aria-hidden": "true",
-          className: "block overflow-visible mb-[0.2rem]",
-          viewBox: "0 0 32 8",
+          className: "block overflow-visible",
+          viewBox: "0 0 32 12.3",
           width: "32",
-          height: "8",
+          height: "13",
           overflow: "visible",
           children: [
             /* @__PURE__ */ n(ze, { cx: "4", index: 0 }),
@@ -2045,11 +2048,11 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
             /* @__PURE__ */ n(ze, { cx: "28", index: 2 })
           ]
         }
-      ) })
-    ]
+      ) }) }) }) }) })
+    ] })
   }
 );
-function Xa(e, t) {
+function Ka(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2058,7 +2061,7 @@ function Xa(e, t) {
       return i;
   }
 }
-const Ka = () => null, Ja = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Ja = () => null, Za = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: C("flex items-center justify-center h-full", e),
@@ -2101,12 +2104,12 @@ const Ka = () => null, Ja = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ee = F.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(Ja, { className: "w-6 h-6" }),
+), Ee = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ n(Za, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ee.displayName = "LoadingState";
-const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Za = ({
+const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Qa = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2123,22 +2126,22 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showActionsMenu: c = !0
 }) => {
   var E, M, D, k, T;
-  const { channel: g } = de(), p = F.useMemo(() => {
-    var R, B;
-    const _ = (R = g._client) == null ? void 0 : R.userID;
-    return _ ? Object.values(((B = g.state) == null ? void 0 : B.members) || {}).find(
+  const { channel: g } = de(), p = j.useMemo(() => {
+    var R, F;
+    const N = (R = g._client) == null ? void 0 : R.userID;
+    return N ? Object.values(((F = g.state) == null ? void 0 : F.members) || {}).find(
       (A) => {
         var P;
-        return ((P = A.user) == null ? void 0 : P.id) && A.user.id !== _;
+        return ((P = A.user) == null ? void 0 : P.id) && A.user.id !== N;
       }
     ) : void 0;
-  }, [(E = g._client) == null ? void 0 : E.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), N = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, x = qt(g), I = async () => {
+  }, [(E = g._client) == null ? void 0 : E.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), _ = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, x = qt(g), I = async () => {
     try {
       x ? await g.unpin() : await g.pin();
-    } catch (_) {
+    } catch (N) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        _
+        N
       );
     }
   };
@@ -2164,7 +2167,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             id: ((k = p == null ? void 0 : p.user) == null ? void 0 : k.id) || g.id || "unknown",
             name: v,
-            image: N,
+            image: _,
             starred: s && x,
             dmAgentEnabled: a,
             size: 48
@@ -2235,7 +2238,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             id: ((T = p == null ? void 0 : p.user) == null ? void 0 : T.id) || g.id || "unknown",
             name: v,
-            image: N,
+            image: _,
             starred: s && x,
             dmAgentEnabled: a,
             size: 48
@@ -2289,7 +2292,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Qa = ({
+}, er = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2307,15 +2310,15 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   composerDisabledReason: g,
   showStarButton: p = !1,
   chatbotVotingEnabled: v = !1,
-  renderChannelBanner: N,
+  renderChannelBanner: _,
   customChannelActions: x,
   renderMessage: I,
   dmAgentEnabled: E = !1,
   viewerLanguage: M,
   showChannelInfo: D = !0
 }) => {
-  var z, V, U, j, q, W;
-  const { channel: k } = de(), T = F.useMemo(() => {
+  var z, V, B, U, q, W;
+  const { channel: k } = de(), T = j.useMemo(() => {
     var y, $;
     const L = (y = k._client) == null ? void 0 : y.userID;
     return L ? Object.values((($ = k.state) == null ? void 0 : $.members) || {}).find(
@@ -2324,17 +2327,17 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         return ((K = X.user) == null ? void 0 : K.id) && X.user.id !== L;
       }
     ) : void 0;
-  }, [(z = k._client) == null ? void 0 : z.userID, (V = k.state) == null ? void 0 : V.members]), _ = F.useMemo(() => {
+  }, [(z = k._client) == null ? void 0 : z.userID, (V = k.state) == null ? void 0 : V.members]), N = j.useMemo(() => {
     var y, $;
     const L = (y = k._client) == null ? void 0 : y.userID;
     return L ? Object.values((($ = k.state) == null ? void 0 : $.members) || {}).find((X) => {
       var K;
       return ((K = X.user) == null ? void 0 : K.id) === L;
     }) : void 0;
-  }, [(U = k._client) == null ? void 0 : U.userID, (j = k.state) == null ? void 0 : j.members]), S = ((q = _ == null ? void 0 : _.user) == null ? void 0 : q.is_account) ?? (_ == null ? void 0 : _.is_account), R = ((W = T == null ? void 0 : T.user) == null ? void 0 : W.is_account) ?? (T == null ? void 0 : T.is_account), B = E && S === !1 && R === !0, A = G(null), P = Y(
+  }, [(B = k._client) == null ? void 0 : B.userID, (U = k.state) == null ? void 0 : U.members]), S = ((q = N == null ? void 0 : N.user) == null ? void 0 : q.is_account) ?? (N == null ? void 0 : N.is_account), R = ((W = T == null ? void 0 : T.user) == null ? void 0 : W.is_account) ?? (T == null ? void 0 : T.is_account), F = E && S === !1 && R === !0, A = G(null), P = Y(
     (L) => {
       const { message: w } = ve("ChannelView"), y = /* @__PURE__ */ n(
-        Ea,
+        Ia,
         {
           ...L,
           chatbotVotingEnabled: v,
@@ -2350,17 +2353,17 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     {
       overrides: {
         Message: P,
-        MessageActions: Ta
+        MessageActions: Aa
       },
       children: /* @__PURE__ */ h(ls, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          Za,
+          Qa,
           {
             onBack: e,
             showBackButton: t,
             showActionsMenu: D,
             showStarButton: p,
-            dmAgentEnabled: B,
+            dmAgentEnabled: F,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2372,7 +2375,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             customChannelActions: x
           }
         ) }, "lt-channel-header"),
-        N ? /* @__PURE__ */ n(F.Fragment, { children: N() }, "lt-channel-banner") : null,
+        _ ? /* @__PURE__ */ n(j.Fragment, { children: _() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2382,17 +2385,22 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               cs,
               {
                 hideDeletedMessages: !0,
-                hideNewMessageSeparator: !1
+                hideNewMessageSeparator: !1,
+                renderMessages: (L) => {
+                  const w = ds(L);
+                  return r && w.push(
+                    /* @__PURE__ */ n("li", { children: r(k) }, "lt-channel-conversation-footer")
+                  ), w;
+                }
               }
             )
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(F.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ h("div", { className: "absolute bottom-0 inset-x-0 flex w-full", children: [
           /* @__PURE__ */ n("div", { className: "absolute bottom-0 inset-x-0 w-full h-4/5 backdrop-blur-[16px] [mask-image:linear-gradient(to_top,black_0%,transparent_100%)] [-webkit-mask-image:linear-gradient(to_top,black_0%,transparent_100%)]" }),
           /* @__PURE__ */ n(
-            za,
+            $a,
             {
               className: "isolate w-full p-4 pt-1",
               spacerTargetRef: A,
@@ -2407,7 +2415,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, dn = F.memo(
+}, dn = j.memo(
   ({
     channel: e,
     onBack: t,
@@ -2418,7 +2426,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Ka,
+    CustomChannelEmptyState: m = Ja,
     showDeleteConversation: b = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
@@ -2426,7 +2434,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     showBlockParticipant: g = !0,
     showReportParticipant: p = !0,
     composerDisabled: v = !1,
-    composerDisabledReason: N,
+    composerDisabledReason: _,
     dmAgentEnabled: x,
     messageMetadata: I,
     onMessageSent: E,
@@ -2434,22 +2442,22 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     chatbotVotingEnabled: D = !1,
     renderChannelBanner: k,
     customChannelActions: T,
-    renderMessage: _,
+    renderMessage: N,
     onMessageLinkClick: S,
     sendButton: R,
-    attachmentPreviewList: B,
+    attachmentPreviewList: F,
     viewerLanguage: A,
     showChannelInfo: P = !0
   }) => {
     const z = Y(
-      async (U, j, q) => {
+      async (B, U, q) => {
         var X;
         const W = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, L = x && !W, w = {
-          ...j,
+          ...U,
           ...L && { silent: !0 },
           ...I && {
             metadata: {
-              ...j.metadata ?? {},
+              ...U.metadata ?? {},
               ...I
             }
           }
@@ -2463,15 +2471,15 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     ), V = G(null);
     return H(() => {
       if (!S) return;
-      const U = V.current;
-      if (!U) return;
-      const j = (q) => {
+      const B = V.current;
+      if (!B) return;
+      const U = (q) => {
         const W = q.target, L = W == null ? void 0 : W.closest("a[href]"), w = L == null ? void 0 : L.getAttribute("href");
         if (!w) return;
         const y = L == null ? void 0 : L.closest("[data-message-id]"), $ = y == null ? void 0 : y.getAttribute("data-message-id"), X = $ ? e.state.messages.find((K) => K.id === $) : void 0;
         S(w, X);
       };
-      return U.addEventListener("click", j), () => U.removeEventListener("click", j);
+      return B.addEventListener("click", U), () => B.removeEventListener("click", U);
     }, [S, e]), /* @__PURE__ */ n(
       "div",
       {
@@ -2484,16 +2492,16 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           is,
           {
             channel: e,
-            MessageSystem: Ya,
+            MessageSystem: qa,
             EmptyStateIndicator: m,
             LoadingIndicator: Ee,
-            DateSeparator: js,
-            TypingIndicator: Wa,
+            DateSeparator: Vs,
+            TypingIndicator: Xa,
             doSendMessageRequest: z,
             ...R ? { SendButton: R } : {},
-            ...B ? { AttachmentPreviewList: B } : {},
+            ...F ? { AttachmentPreviewList: F } : {},
             children: /* @__PURE__ */ n(
-              Qa,
+              er,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2510,13 +2518,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showBlockParticipant: g,
                 showReportParticipant: p,
                 composerDisabled: v,
-                composerDisabledReason: N,
+                composerDisabledReason: _,
                 showStarButton: M,
                 dmAgentEnabled: x,
                 chatbotVotingEnabled: D,
                 renderChannelBanner: k,
                 customChannelActions: T,
-                renderMessage: _,
+                renderMessage: N,
                 viewerLanguage: A,
                 showChannelInfo: P
               }
@@ -2528,7 +2536,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 dn.displayName = "ChannelView";
-const ge = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const ge = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2543,7 +2551,7 @@ const ge = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 ge.displayName = "ErrorState";
-const Ei = ({
+const Ii = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2561,7 +2569,7 @@ const Ei = ({
   renderChannelBanner: g,
   customChannelActions: p,
   renderMessage: v,
-  onMessageLinkClick: N,
+  onMessageLinkClick: _,
   showChannelInfo: x
 }) => {
   const {
@@ -2571,11 +2579,11 @@ const Ei = ({
     error: D,
     refreshConnection: k,
     service: T,
-    debug: _
-  } = Ps(), [S, R] = O(null), [B, A] = O(null), [P, z] = O(!1), { showDeleteConversation: V = !0 } = e, U = G(o);
-  U.current = o;
-  const j = G(a);
-  j.current = a;
+    debug: N
+  } = Os(), [S, R] = O(null), [F, A] = O(null), [P, z] = O(!1), { showDeleteConversation: V = !0 } = e, B = G(o);
+  B.current = o;
+  const U = G(a);
+  U.current = a;
   const q = G(null), W = G(null);
   H(() => {
     W.current = S;
@@ -2592,7 +2600,7 @@ const Ei = ({
     (async () => {
       var J, ie;
       try {
-        _ && console.log(
+        N && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
@@ -2605,15 +2613,15 @@ const Ei = ({
           { limit: 1 }
         );
         if (Z.length > 0) {
-          R(Z[0]), A(null), (J = j.current) == null || J.call(j, Z[0]), _ && console.log(
+          R(Z[0]), A(null), (J = U.current) == null || J.call(U, Z[0]), N && console.log(
             "[MessagingShell] Initial conversation loaded:",
             Z[0].id
           );
           return;
         }
-        const ae = U.current;
+        const ae = B.current;
         if (!ae || !T) {
-          X(), A("No conversation found with this account"), _ && console.log(
+          X(), A("No conversation found with this account"), N && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -2625,7 +2633,7 @@ const Ei = ({
             name: ae.name,
             phone: ae.phone
           });
-          R(ee), A(null), (ie = j.current) == null || ie.call(j, ee), _ && console.log(
+          R(ee), A(null), (ie = U.current) == null || ie.call(U, ee), N && console.log(
             "[MessagingShell] Channel created and loaded:",
             ee.id
           );
@@ -2642,7 +2650,7 @@ const Ei = ({
         ), X(), W.current || A("Failed to load conversation");
       }
     })();
-  }, [i, I, E, T, _]);
+  }, [i, I, E, T, N]);
   const L = G(r);
   L.current = r;
   const w = Y(() => {
@@ -2655,7 +2663,7 @@ const Ei = ({
       message: "Not connected to messaging service",
       onBack: k
     }
-  ) : B ? /* @__PURE__ */ n(ge, { message: B }) : P && !S ? /* @__PURE__ */ n(ge, { message: "Conversation ended" }) : S ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : F ? /* @__PURE__ */ n(ge, { message: F }) : P && !S ? /* @__PURE__ */ n(ge, { message: "Conversation ended" }) : S ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     dn,
     {
       channel: S,
@@ -2674,37 +2682,37 @@ const Ei = ({
       viewerLanguage: c,
       customChannelActions: p,
       renderMessage: v,
-      onMessageLinkClick: N,
+      onMessageLinkClick: _,
       showChannelInfo: x
     },
     S.id
   ) }) }) : /* @__PURE__ */ n(Ee, {});
 };
-function er(e) {
+function tr(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const un = F.createContext({
+const un = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), tr = un.Provider, nr = () => F.useContext(un), sr = (e, t) => {
+}), nr = un.Provider, sr = () => j.useContext(un), ar = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, ar = (e) => {
+}, rr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = sr(e, t);
+  const a = ar(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2714,7 +2722,7 @@ const un = F.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = F.memo(
+}, mn = j.memo(
   ({ channel: e, unread: t }) => {
     var D, k, T;
     const {
@@ -2723,42 +2731,42 @@ const un = F.createContext({
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: o
-    } = nr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = sr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, m = (_) => {
-      const S = _.key === "Enter" || _.key === " ", R = _.repeat;
-      !S || R || (_.preventDefault(), d());
+    }, m = (N) => {
+      const S = N.key === "Enter" || N.key === " ", R = N.repeat;
+      !S || R || (N.preventDefault(), d());
     }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
-      (_) => {
+      (N) => {
         var S, R;
-        return ((S = _.user) == null ? void 0 : S.id) && _.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
+        return ((S = N.user) == null ? void 0 : S.id) && N.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
       }
     ), f = Wt(u == null ? void 0 : u.user), c = (k = u == null ? void 0 : u.user) == null ? void 0 : k.image, g = (() => {
       var S;
-      const _ = (S = e == null ? void 0 : e.state) == null ? void 0 : S.messages;
-      if (_ != null && _.length) {
-        for (let R = _.length - 1; R >= 0; R--)
-          if (_[R].type !== "system") return _[R];
+      const N = (S = e == null ? void 0 : e.state) == null ? void 0 : S.messages;
+      if (N != null && N.length) {
+        for (let R = N.length - 1; R >= 0; R--)
+          if (N[R].type !== "system") return N[R];
       }
     })(), v = (() => {
-      var P, z, V, U;
-      const _ = Xt({
+      var P, z, V, B;
+      const N = Xt({
         message: g,
         viewerLanguage: o
       });
-      if (((P = g == null ? void 0 : g.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
-      if (((z = g == null ? void 0 : g.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_PAID") return _ ? `💰 ${_}` : "💰 Sent a message";
-      if (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT") return _ ? `📎 ${_}` : "📎 Sent an attachment";
-      if (_) return _;
-      const A = (U = g == null ? void 0 : g.attachments) == null ? void 0 : U[0];
+      if (((P = g == null ? void 0 : g.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
+      if (((z = g == null ? void 0 : g.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
+      if (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
+      if (N) return N;
+      const A = (B = g == null ? void 0 : g.attachments) == null ? void 0 : B[0];
       return A ? A.og_scrape_url ? A.og_scrape_url : A.type === "image" ? "📷 Sent an image" : A.type === "video" ? "🎥 Sent a video" : A.type === "audio" ? "🎵 Sent audio" : A.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), N = g != null && g.created_at ? ar(new Date(g.created_at)) : "", x = g ? ke(g) : !1, I = i ? i(g, v) : `${x ? "✨ " : ""}${v}`, E = qt(e), M = t ?? 0;
+    })(), _ = g != null && g.created_at ? rr(new Date(g.created_at)) : "", x = g ? ke(g) : !1, I = i ? i(g, v) : `${x ? "✨ " : ""}${v}`, E = qt(e), M = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
       participantName: f,
       unreadCount: M,
-      hasTimestamp: !!N
+      hasTimestamp: !!_
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2798,7 +2806,7 @@ const un = F.createContext({
                   ]
                 }
               ),
-              N && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: N })
+              _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: I }),
@@ -2811,25 +2819,25 @@ const un = F.createContext({
   }
 );
 mn.displayName = "CustomChannelPreview";
-const rr = { last_message_at: -1 }, ir = F.memo(
+const ir = { last_message_at: -1 }, or = j.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = rr,
+    sort: i = ir,
     className: o,
     customEmptyStateIndicator: l,
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const b = F.useRef(0);
+    const b = j.useRef(0);
     b.current++;
-    const { debug: u = !1 } = qe(), f = F.useCallback(
+    const { debug: u = !1 } = qe(), f = j.useCallback(
       (g) => {
         for (const p of g)
-          er(p);
+          tr(p);
         return r ? r(g) : g;
       },
       [r]
@@ -2839,7 +2847,7 @@ const rr = { last_message_at: -1 }, ir = F.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = F.useMemo(
+    const c = j.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2862,8 +2870,8 @@ const rr = { last_message_at: -1 }, ir = F.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(tr, { value: c, children: /* @__PURE__ */ n(
-          ds,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(nr, { value: c, children: /* @__PURE__ */ n(
+          us,
           {
             filters: s,
             sort: i,
@@ -2879,26 +2887,26 @@ const rr = { last_message_at: -1 }, ir = F.memo(
     );
   }
 );
-ir.displayName = "ChannelList";
-const or = /^([a-z][a-z0-9+.-]*):/i, lr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+or.displayName = "ChannelList";
+const lr = /^([a-z][a-z0-9+.-]*):/i, cr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function Qe(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = or.exec(t);
+  const s = lr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return lr.has(a) ? t : void 0;
+    return cr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const cr = {
+const dr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, dr = ({ variant: e, cta: t }) => {
+}, ur = ({ variant: e, cta: t }) => {
   const s = C(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    cr[e]
+    dr[e]
   ), a = Qe(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -2925,10 +2933,10 @@ const cr = {
       children: t.label
     }
   );
-}, ur = {
+}, mr = {
   dark: "text-white",
   light: "text-black/90"
-}, mr = "text-white/30", hr = {
+}, hr = "text-white/30", fr = {
   dark: "text-white/55",
   light: "text-black/55"
 }, et = ({
@@ -2945,10 +2953,10 @@ const cr = {
   if (!b && !u && !c && !g) return null;
   const v = C(
     "truncate text-base font-medium leading-6",
-    d && !t ? mr : ur[e]
-  ), N = C(
+    d && !t ? hr : mr[e]
+  ), _ = C(
     "truncate text-xs leading-4",
-    hr[e]
+    fr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2958,15 +2966,15 @@ const cr = {
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
             /* @__PURE__ */ n("p", { className: C("min-w-0", v), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: N, children: a })
+          u && /* @__PURE__ */ n("p", { className: _, children: a })
         ] }),
-        !g && c && /* @__PURE__ */ n("p", { className: N, children: f })
+        !g && c && /* @__PURE__ */ n("p", { className: _, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(dr, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(ur, { variant: e, cta: o })
   ] });
-}, fr = C(
+}, gr = C(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2985,7 +2993,7 @@ const cr = {
   "data-testid": d
 }) => {
   const m = s != null || a != null, b = C(
-    fr,
+    gr,
     l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -3033,10 +3041,10 @@ const cr = {
       ]
     }
   );
-}, gr = {
+}, br = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, br = {
+}, pr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, Me = (e, t) => !!t && !!e && se(e) === "audio", hn = (e, t) => {
@@ -3094,10 +3102,10 @@ const cr = {
           {
             className: C(
               "flex h-full w-full items-center justify-center",
-              gr[e]
+              br[e]
             ),
             children: ce(r, {
-              className: br[e],
+              className: pr[e],
               weight: "regular"
             })
           }
@@ -3107,7 +3115,7 @@ const cr = {
       ]
     }
   );
-}, pr = ({
+}, vr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3137,7 +3145,7 @@ const cr = {
       onClick: u,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Ms, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Rs, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return c ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -3184,7 +3192,7 @@ const cr = {
       ]
     }
   );
-}, vr = ({
+}, xr = ({
   title: e,
   description: t,
   url: s,
@@ -3237,7 +3245,7 @@ const cr = {
       ]
     }
   );
-}, xr = ({
+}, wr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3284,20 +3292,20 @@ const cr = {
       ]
     }
   );
-}, Ii = {
-  Composer: pr,
-  Sent: xr,
-  Received: vr
-}, wr = {
+}, Si = {
+  Composer: vr,
+  Sent: wr,
+  Received: xr
+}, _r = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
 }, Nr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, _r = {
+}, yr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, yr = (e) => e === "dark" ? "sender" : "receiver", Cr = {
+}, Cr = (e) => e === "dark" ? "sender" : "receiver", kr = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -3319,7 +3327,7 @@ const cr = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Cr[yr(e)][a];
+  const l = t != null && t !== "", d = kr[Cr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -3334,10 +3342,10 @@ const cr = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        wr[e],
+        _r[e],
         Nr[e],
         s && "border",
-        s && _r[e],
+        s && yr[e],
         r
       ),
       children: [
@@ -3380,16 +3388,16 @@ const cr = {
     ),
     children: /* @__PURE__ */ n(Ae, { className: "size-3", weight: "bold" })
   }
-), Ne = (e) => e === "received" ? "light" : "dark", Si = ({
+), _e = (e) => e === "received" ? "light" : "dark", Ti = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", kr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Er = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Er = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Ir = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3412,7 +3420,7 @@ const cr = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = Ne(e), b = e === "composer" && !!d, u = kr({ src: t, mimeType: s, filename: a, items: r });
+  const m = _e(e), b = e === "composer" && !!d, u = Er({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
@@ -3424,7 +3432,7 @@ const cr = {
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, g) => /* @__PURE__ */ n(
-        Er,
+        Ir,
         {
           item: c,
           preload: f,
@@ -3438,15 +3446,15 @@ const cr = {
       )) })
     }
   );
-}, Ir = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Ar = {
-  Composer: Ir,
-  Sent: Sr,
-  Received: Tr
+}, Sr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Tr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Ar = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Mr = {
+  Composer: Sr,
+  Sent: Tr,
+  Received: Ar
 };
-function Mr(e) {
+function Rr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Rr = {
+const Lr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3456,7 +3464,7 @@ const Rr = {
   text: "TXT",
   markdown: "MD"
 };
-function Lr(e, t) {
+function Dr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3466,7 +3474,7 @@ function Lr(e, t) {
   }
   if (!e) return;
   if (se(e) === "document") {
-    const r = Zt(e), i = Rr[r];
+    const r = Zt(e), i = Lr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3474,8 +3482,8 @@ function Lr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Dr(e, t, s) {
-  const a = Lr(e, t), r = typeof s == "number" && s > 0 ? Mr(s) : void 0;
+function Pr(e, t, s) {
+  const a = Dr(e, t), r = typeof s == "number" && s > 0 ? Rr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function Q(e) {
@@ -3486,13 +3494,13 @@ function Q(e) {
     return "download";
   }
 }
-const Pr = {
+const Or = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Or = {
+}, zr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, zr = {
+}, $r = {
   dark: "text-white/85",
   light: "text-black/85"
 }, fn = ({
@@ -3505,16 +3513,16 @@ const Pr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Dr(a, t, r), b = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Pr(a, t, r), b = /* @__PURE__ */ n(
     "div",
     {
       className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Or[e]
+        zr[e]
       ),
       "aria-hidden": !0,
       children: ce(a, {
-        className: C("size-6", zr[e]),
+        className: C("size-6", $r[e]),
         weight: "regular"
       })
     }
@@ -3525,7 +3533,7 @@ const Pr = {
       {
         className: C(
           "truncate text-xs leading-4",
-          Pr[e]
+          Or[e]
         ),
         children: m
       }
@@ -3568,14 +3576,14 @@ async function gn(e, t) {
     }
   }
 }
-const $r = ({
+const Fr = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Fr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Br = ({
   variant: e,
   item: t,
   index: s,
@@ -3609,7 +3617,7 @@ const $r = ({
   onClick: m,
   onDismiss: b
 }) => {
-  const u = Ne(e), f = e === "composer" && !!b, c = $r({
+  const u = _e(e), f = e === "composer" && !!b, c = Fr({
     src: t,
     filename: s,
     fileSize: a,
@@ -3618,10 +3626,10 @@ const $r = ({
     items: o
   }), g = (v) => {
     if ((m == null ? void 0 : m(v)) === !1) return;
-    const N = c[v];
-    if (!N) return;
-    const x = N.filename ?? Q(N.src);
-    gn(N.src, x);
+    const _ = c[v];
+    if (!_) return;
+    const x = _.filename ?? Q(_.src);
+    gn(_.src, x);
   };
   if (c.length === 0)
     return null;
@@ -3643,23 +3651,23 @@ const $r = ({
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, N) => /* @__PURE__ */ n(
-        Fr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, _) => /* @__PURE__ */ n(
+        Br,
         {
           variant: u,
           item: v,
-          index: N,
+          index: _,
           onActivate: g,
-          trailingAction: f && N === 0 ? /* @__PURE__ */ n(we, { onClick: b, variant: "inline" }) : p
+          trailingAction: f && _ === 0 ? /* @__PURE__ */ n(we, { onClick: b, variant: "inline" }) : p
         },
-        `${v.src}-${N}`
+        `${v.src}-${_}`
       )) })
     }
   );
-}, Br = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), Ur = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), jr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Vr = {
-  Composer: Br,
-  Sent: Ur,
-  Received: jr
+}, Ur = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), jr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Vr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Gr = {
+  Composer: Ur,
+  Sent: jr,
+  Received: Vr
 }, at = ({
   onPrev: e,
   onNext: t,
@@ -3673,7 +3681,7 @@ const $r = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Rs, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ls, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3683,7 +3691,7 @@ const $r = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(Ls, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ds, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), bn = ({
@@ -3942,7 +3950,7 @@ const $r = ({
       ]
     }
   ) : null;
-}, Gr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
+}, Hr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3951,7 +3959,7 @@ const $r = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, b) => {
-    const u = C(Gr, "h-full w-full");
+    const u = C(Hr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
@@ -4012,7 +4020,7 @@ const $r = ({
       })
     }
   );
-}, _e = (e) => {
+}, Ne = (e) => {
   const [t, s] = O(!1), [a, r] = O(0), i = Y(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
@@ -4020,7 +4028,7 @@ const $r = ({
     [e]
   ), o = Y(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, Hr = (e, t, s, a) => ({
+}, Yr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4035,7 +4043,7 @@ const $r = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Yr = ({
+}), qr = ({
   src: e,
   alt: t,
   items: s
@@ -4043,8 +4051,8 @@ const $r = ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), qr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = _e(
+})), Wr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4090,13 +4098,13 @@ const $r = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Yr({ src: t, alt: s, items: r }), b = Ne(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = _e(
+  const m = qr({ src: t, alt: s, items: r }), b = _e(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = Ne(
     d
   );
   if (m.length === 0)
     return null;
   const p = m.map(
-    (v, N) => Hr(v, N, m.length, l)
+    (v, _) => Yr(v, _, m.length, l)
   );
   return /* @__PURE__ */ h(
     xe,
@@ -4119,11 +4127,11 @@ const $r = ({
       ]
     }
   );
-}, Wr = (e) => /* @__PURE__ */ n(qr, { ...e }), Xr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Kr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Jr = {
-  Composer: Wr,
-  Sent: Xr,
-  Received: Kr
-}, Zr = ({
+}, Xr = (e) => /* @__PURE__ */ n(Wr, { ...e }), Kr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Jr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Zr = {
+  Composer: Xr,
+  Sent: Kr,
+  Received: Jr
+}, Qr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4137,7 +4145,7 @@ const $r = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "document"),
     [l]
   ), m = te(
-    () => l ? Qr(l.src) : void 0,
+    () => l ? ei(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
@@ -4171,16 +4179,16 @@ const $r = ({
       ]
     }
   );
-}, Qr = (e) => {
+}, ei = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, ei = ({
+}, ti = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ti = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ni = ({
   variant: e,
   item: t,
   index: s,
@@ -4213,12 +4221,12 @@ const $r = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const b = Ne(e), u = ei({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
+  const b = _e(e), u = ti({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
     d
   ), v = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const N = u.map((x) => ({
+  const _ = u.map((x) => ({
     src: x.src,
     filename: x.filename ?? Q(x.src)
   }));
@@ -4242,7 +4250,7 @@ const $r = ({
             }
           );
           return /* @__PURE__ */ n(
-            ti,
+            ni,
             {
               variant: b,
               item: x,
@@ -4254,10 +4262,10 @@ const $r = ({
           );
         }) }),
         /* @__PURE__ */ n(
-          Zr,
+          Qr,
           {
             open: f,
-            items: N,
+            items: _,
             initialIndex: c,
             onClose: p
           }
@@ -4265,11 +4273,11 @@ const $r = ({
       ]
     }
   );
-}, ni = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), si = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ai = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ri = {
-  Composer: ni,
-  Sent: si,
-  Received: ai
-}, Nn = ({
+}, si = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), ai = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ri = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ii = {
+  Composer: si,
+  Sent: ai,
+  Received: ri
+}, _n = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4319,7 +4327,7 @@ const $r = ({
       ]
     }
   ) : null;
-}, ii = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, oi = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Nn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4341,11 +4349,11 @@ const $r = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ii, {})
-] }), oi = (e, t, s) => ({
+  /* @__PURE__ */ n(oi, {})
+] }), li = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(_n, { item: e, index: t })
-}), li = ({
+  content: /* @__PURE__ */ n(Nn, { item: e, index: t })
+}), ci = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -4357,8 +4365,8 @@ const $r = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), ci = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = _e(
+})), di = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = Ne(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4369,12 +4377,12 @@ const $r = ({
         onClick: () => m(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(_n, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Nn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Nn,
+      _n,
       {
         open: l,
         items: yn(
@@ -4398,13 +4406,13 @@ const $r = ({
   preload: d,
   onClick: m
 }) => {
-  const b = li({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ne(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
+  const b = ci({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = _e(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
     m
   );
   if (b.length === 0)
     return null;
   const v = b.map(
-    (N, x) => oi(N, x, b.length)
+    (_, x) => li(_, x, b.length)
   );
   return /* @__PURE__ */ h(
     xe,
@@ -4423,7 +4431,7 @@ const $r = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          Nn,
+          _n,
           {
             open: f,
             items: yn(b, r),
@@ -4434,17 +4442,17 @@ const $r = ({
       ]
     }
   );
-}, di = (e) => /* @__PURE__ */ n(ci, { ...e }), ui = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), mi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), hi = {
-  Composer: di,
-  Sent: ui,
-  Received: mi
-}, Ti = {
-  Image: Jr,
-  Video: hi,
-  Audio: Ar,
-  Pdf: ri,
-  File: Vr
-}, fi = ({
+}, ui = (e) => /* @__PURE__ */ n(di, { ...e }), mi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), hi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), fi = {
+  Composer: ui,
+  Sent: mi,
+  Received: hi
+}, Ai = {
+  Image: Zr,
+  Video: fi,
+  Audio: Mr,
+  Pdf: ii,
+  File: Gr
+}, gi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4466,7 +4474,7 @@ const $r = ({
     ),
     children: e
   }
-), Ai = ({
+), Mi = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4495,7 +4503,7 @@ const $r = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            fi,
+            gi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4510,37 +4518,37 @@ const $r = ({
 };
 export {
   Qt as A,
-  Gs as B,
-  Ka as C,
-  Ps as D,
-  Ai as F,
-  Ii as L,
-  Ci as M,
+  Hs as B,
+  Ja as C,
+  Os as D,
+  Mi as F,
+  Si as L,
+  ki as M,
   fe as a,
   re as b,
-  ir as c,
+  or as c,
   dn as d,
-  ki as e,
-  fi as f,
+  Ei as e,
+  gi as f,
   se as g,
   Ot as h,
-  Ti as i,
-  ya as j,
-  yi as k,
-  Ei as l,
-  Dr as m,
-  Mr as n,
-  ar as o,
-  Lr as p,
+  Ai as i,
+  Ca as j,
+  Ci as k,
+  Ii as l,
+  Pr as m,
+  Rr as n,
+  rr as o,
+  Dr as p,
   Xt as q,
   ce as r,
   nn as s,
-  zs as t,
-  Si as u,
-  Hs as v,
+  $s as t,
+  Ti as u,
+  Ys as v,
   Je as w,
   Ze as x,
   Wt as y,
-  pa as z
+  va as z
 };
-//# sourceMappingURL=index-BpkIKkeQ.js.map
+//# sourceMappingURL=index-DkqNYdg4.js.map