@linktr.ee/messaging-react 3.5.2 → 3.5.3-rc-1782916568

package/dist/{index-DxuG__WG.js → index-BOzklqIY.js}

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
 import F, { createContext as Xe, useContext as ye, useCallback as W, useState as $, useRef as H, useEffect as q, useId as Sn, useMemo as re, Suspense as Ke } from "react";
 import { StreamChatService as Tn } from "@linktr.ee/messaging-core";
 import { StreamChat as An, LinkPreviewsManager as Dt } from "stream-chat";
-import { Chat as Mn, DateSeparator as Rn, useChannelStateContext as de, useChatContext as ue, areMessageUIPropsEqual as Ln, useMessageReminder as Dn, useComponentContext as Ht, Attachment as Pn, EditMessageModal as zn, MessageBlocked as On, MessageBouncePrompt as $n, MessageDeleted as Fn, MessageIsThreadReplyInChannelButtonIndicator as Bn, MessageRepliesCountButton as Un, ReminderNotification as jn, StreamedMessageText as Vn, messageHasAttachments as Gn, messageHasReactions as Hn, isDateSeparatorMessage as Yn, isMessageBlocked as qn, isMessageBounced as Wn, MessageBounceModal as Xn, MessageText as Pt, Poll as Kn, MessageErrorIcon as Jn, useMessageContext as ke, useMessageComposer as Zn, useStateStore as Qn, MessageInput as es, useMessageInputContext as ts, useMessageComposerHasSendableData as ns, AttachmentPreviewList as ss, QuotedMessagePreview as as, TextareaComposer as rs, MessageTimestamp as Fe, AIStates as Be, useTypingContext as is, useAIState as ls, Channel as os, WithComponents as cs, Window as ds, MessageList as us, ChannelList as ms, InfiniteScroll as hs } from "stream-chat-react";
+import { Chat as Mn, DateSeparator as Rn, useChannelStateContext as de, useChatContext as ue, areMessageUIPropsEqual as Ln, useMessageReminder as Dn, useComponentContext as Ht, Attachment as Pn, EditMessageModal as zn, MessageBlocked as On, MessageBouncePrompt as $n, MessageDeleted as Fn, MessageIsThreadReplyInChannelButtonIndicator as Bn, MessageRepliesCountButton as Un, ReminderNotification as jn, StreamedMessageText as Vn, messageHasAttachments as Gn, messageHasReactions as Hn, isDateSeparatorMessage as Yn, isMessageBlocked as qn, isMessageBounced as Wn, MessageBounceModal as Xn, MessageText as Pt, Poll as Kn, MessageErrorIcon as Jn, useMessageContext as ke, useMessageComposer as Zn, useStateStore as Qn, MessageInput as es, useMessageInputContext as ts, useMessageComposerHasSendableData as ns, AttachmentPreviewList as ss, QuotedMessagePreview as as, TextareaComposer as rs, MessageTimestamp as Fe, AIStates as Be, useTypingContext as is, useAIState as os, Channel as ls, WithComponents as cs, Window as ds, MessageList as us, ChannelList as ms, InfiniteScroll as hs } from "stream-chat-react";
 import { StarIcon as He, DotsThreeIcon as fs, SpinnerGapIcon as Ae, SignOutIcon as gs, ProhibitInsetIcon as zt, FlagIcon as Yt, FileIcon as qt, ImageIcon as ps, SpeakerHighIcon as bs, VideoCameraIcon as Wt, FileMdIcon as vs, FileTextIcon as xs, FileZipIcon as ws, FilePptIcon as Ns, FileCsvIcon as _s, FileXlsIcon as ys, FileDocIcon as ks, FilePdfIcon as Cs, CircleNotchIcon as Ne, PlayIcon as Ye, PauseIcon as Es, LinkIcon as Is, DownloadSimpleIcon as _e, GiftIcon as Ss, ThumbsUpIcon as Ts, ThumbsDownIcon as As, TrashSimpleIcon as Ms, XIcon as ze, ArrowUpIcon as Rs, SparkleIcon as ve, ProhibitIcon as Ls, ArrowLeftIcon as Ot, CaretRightIcon as xe, PencilSimpleIcon as Ds, CaretLeftIcon as Ps } from "@phosphor-icons/react";
 import k from "classnames";
 import { MessageActions as zs, DefaultDropdownActionButton as Xt } from "stream-chat-react/experimental";
@@ -25,19 +25,19 @@ const Kt = Xe({
   debug: i = !1
 }) => {
   var A, E;
-  const l = W(
+  const o = W(
     (y, ...I) => {
       i && console.log(`🔥 [MessagingProvider] ${y}`, ...I);
     },
     [i]
   );
-  l("🔄 RENDER START", {
+  o("🔄 RENDER START", {
     userId: t == null ? void 0 : t.id,
     apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = $(null), [u, g] = $(null), [m, f] = $(!1), [c, b] = $(!1), [w, v] = $(null), p = H(!1), N = H(null), _ = H(s);
+  const [l, d] = $(null), [u, g] = $(null), [m, f] = $(!1), [c, b] = $(!1), [w, v] = $(null), p = H(!1), N = H(null), _ = H(s);
   _.current = s;
   const T = H(i);
   T.current = i;
@@ -47,7 +47,7 @@ const Kt = Xe({
     serviceConfig: s,
     capabilities: r
   }), M = H(0);
-  M.current++, l("📊 RENDER INFO", {
+  M.current++, o("📊 RENDER INFO", {
     renderCount: M.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
@@ -68,13 +68,13 @@ const Kt = Xe({
   q(() => {
     const y = M.current, I = _.current;
     if (!a || !D || !I) {
-      l("⚠️ SERVICE INIT SKIPPED", {
+      o("⚠️ SERVICE INIT SKIPPED", {
         renderCount: y,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
-    l("🚀 CREATING SERVICE", {
+    o("🚀 CREATING SERVICE", {
       renderCount: y,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
@@ -84,7 +84,7 @@ const Kt = Xe({
       debug: T.current,
       client: D
     });
-    N.current = O, d(O), l("✅ SERVICE SET", {
+    N.current = O, d(O), o("✅ SERVICE SET", {
       renderCount: y,
       serviceInstance: !!O
     });
@@ -92,51 +92,51 @@ const Kt = Xe({
   const B = H(null);
   q(() => {
     var I, O;
-    if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
-      hasService: !!o,
+    if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
+      hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
       isConnecting: p.current,
       isConnected: m,
-      dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
-    }), !o || !t) {
-      l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
+      dependencies: { service: !!l, userId: t == null ? void 0 : t.id }
+    }), !l || !t) {
+      o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
     if (p.current) {
-      l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
+      o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((I = B.current) == null ? void 0 : I.serviceId) === o && ((O = B.current) == null ? void 0 : O.userId) === t.id) {
-      l(
+    if (((I = B.current) == null ? void 0 : I.serviceId) === l && ((O = B.current) == null ? void 0 : O.userId) === t.id) {
+      o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
       );
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), v(null);
       try {
-        l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const z = await o.connectUser(t);
-        g(z), f(!0), B.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
+        const z = await l.connectUser(t);
+        g(z), f(!0), B.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: z.userID
         });
       } catch (z) {
         const U = z instanceof Error ? z.message : "Connection failed";
-        v(U), l("❌ USER CONNECTION ERROR", {
+        v(U), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: U
         });
       } finally {
-        b(!1), p.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        b(!1), p.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: m
         });
       }
     })();
-  }, [o, t, l, m]), q(() => {
+  }, [l, t, o, m]), q(() => {
     const y = D;
     return () => {
       var I;
@@ -144,36 +144,36 @@ const Kt = Xe({
     };
   }, [D]);
   const P = W(async () => {
-    if (l("🔄 REFRESH CONNECTION CALLED", {
-      hasService: !!o,
+    if (o("🔄 REFRESH CONNECTION CALLED", {
+      hasService: !!l,
       hasUser: !!t
-    }), !o || !t) {
-      l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
+    }), !l || !t) {
+      o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
-      l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const y = await o.connectUser(t);
-      g(y), f(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
+      const y = await l.connectUser(t);
+      g(y), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
     } catch (y) {
       const I = y instanceof Error ? y.message : "Refresh failed";
-      v(I), l("❌ CONNECTION REFRESH ERROR", {
+      v(I), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
         error: I
       });
     } finally {
-      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), C = F.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
-    hasService: !!o,
+  }, [l, t, o]), C = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+    hasService: !!l,
     hasClient: !!u,
     isConnected: m,
     isLoading: c,
     hasError: !!w,
     capabilitiesKeys: Object.keys(r)
   }), {
-    service: o,
+    service: l,
     client: u,
     isConnected: m,
     isLoading: c,
@@ -182,7 +182,7 @@ const Kt = Xe({
     refreshConnection: P,
     debug: i
   }), [
-    o,
+    l,
     u,
     m,
     c,
@@ -190,9 +190,9 @@ const Kt = Xe({
     r,
     P,
     i,
-    l
+    o
   ]);
-  return l("🔄 RENDER END", {
+  return o("🔄 RENDER END", {
     renderCount: M.current,
     willRenderChat: !!D,
     contextValueReady: !!C
@@ -212,16 +212,16 @@ const Kt = Xe({
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return q(() => {
-    var l;
+    var o;
     if (!e) {
       s(!1);
       return;
     }
-    s(!!((l = e.state.membership) != null && l.pinned_at));
-    const i = (o) => {
+    s(!!((o = e.state.membership) != null && o.pinned_at));
+    const i = (l) => {
       var d;
       s(
-        o != null && o.member ? !!o.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
+        l != null && l.member ? !!l.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
       );
     };
     return e.on("member.updated", i), () => {
@@ -234,8 +234,8 @@ function Ze(e, t, s) {
   if (s === $s) {
     const r = a.find(
       (i) => {
-        var l;
-        return ((l = i.user) == null ? void 0 : l.id) === Fs;
+        var o;
+        return ((o = i.user) == null ? void 0 : o.id) === Fs;
       }
     );
     if (r) return r;
@@ -305,9 +305,9 @@ const ne = ({
   className: a,
   starred: r = !1,
   shape: i = "squircle",
-  dmAgentEnabled: l = !1
+  dmAgentEnabled: o = !1
 }) => {
-  const o = Vs(e), u = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, m = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: m, children: t ? /* @__PURE__ */ n(
+  const l = Vs(e), u = s < 20 ? 10 : s < 32 ? 12 : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, m = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: m, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -319,10 +319,10 @@ const ne = ({
     {
       "aria-hidden": "true",
       className: k(
-        "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
-        u
+        "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors"
       ),
-      children: o
+      style: { fontSize: `${u}px`, lineHeight: 1 },
+      children: l
     }
   ) });
   return /* @__PURE__ */ h(
@@ -356,7 +356,7 @@ const ne = ({
             ),
             style: {
               ...m,
-              ...l && {
+              ...o && {
                 borderWidth: `${g}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
@@ -376,8 +376,8 @@ const ne = ({
   enabled: a = !0,
   onLeaveConversation: r,
   onBlockParticipant: i,
-  onDeleteConversationClick: l,
-  onBlockParticipantClick: o,
+  onDeleteConversationClick: o,
+  onBlockParticipantClick: l,
   onReportParticipantClick: d,
   onActionComplete: u,
   logLabel: g = "useChannelModerationActions"
@@ -415,7 +415,7 @@ const ne = ({
     handleLeaveConversation: async () => {
       var E;
       if (!_) {
-        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
+        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
         try {
           const y = ((E = e._client) == null ? void 0 : E.userID) ?? null;
           await e.hide(y, !1), r && await r(e), u == null || u();
@@ -429,7 +429,7 @@ const ne = ({
     handleBlockUser: async () => {
       var E, y, I;
       if (!(R || !m)) {
-        o == null || o(), f && console.log(`[${g}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
+        l == null || l(), f && console.log(`[${g}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
         try {
           await m.blockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
         } catch (O) {
@@ -442,7 +442,7 @@ const ne = ({
     handleUnblockUser: async () => {
       var E, y, I;
       if (!(R || !m)) {
-        o == null || o(), f && console.log(`[${g}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
+        l == null || l(), f && console.log(`[${g}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
         try {
           await m.unBlockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
         } catch (O) {
@@ -480,8 +480,8 @@ const ne = ({
   showBlockParticipant: a = !0,
   showReportParticipant: r = !0,
   onLeaveConversation: i,
-  onBlockParticipant: l,
-  onDeleteConversationClick: o,
+  onBlockParticipant: o,
+  onDeleteConversationClick: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
   customChannelActions: g,
@@ -502,8 +502,8 @@ const ne = ({
     showBlockParticipant: a,
     enabled: f,
     onLeaveConversation: i,
-    onBlockParticipant: l,
-    onDeleteConversationClick: o,
+    onBlockParticipant: o,
+    onDeleteConversationClick: l,
     onBlockParticipantClick: d,
     onReportParticipantClick: u,
     onActionComplete: v,
@@ -638,7 +638,7 @@ function Qt({
   const s = e == null ? void 0 : e.text, a = Xs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Ks = F.lazy(() => import("./Card-CSEdL1ew.js")), Js = F.lazy(() => import("./Card-CVk576_V.js")), Zs = F.lazy(() => import("./Card-BnMjliau.js")), Qe = () => /* @__PURE__ */ n(
+const Ks = F.lazy(() => import("./Card-DjQ0O0ve.js")), Js = F.lazy(() => import("./Card-R_TPCRto.js")), Zs = F.lazy(() => import("./Card-CylbFbg9.js")), Qe = () => /* @__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)]",
@@ -689,15 +689,15 @@ function ce(e, t) {
 const ia = (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;
-}, la = ({
+}, oa = ({
   source: e,
   mimeType: t,
   poster: s,
   autoPlay: a = !1,
   playing: r,
   loop: i = !1,
-  controls: l = !0,
-  showProgress: o = !1,
+  controls: o = !0,
+  showProgress: l = !1,
   muted: d = !1,
   onContainerClick: u
 }) => {
@@ -760,7 +760,7 @@ const ia = (e) => {
           u(x);
           return;
         }
-        L || l && v((S) => !S);
+        L || o && v((S) => !S);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -768,7 +768,7 @@ const ia = (e) => {
             u(x);
             return;
           }
-          L || l && v((S) => !S);
+          L || o && v((S) => !S);
         }
       },
       children: [
@@ -835,7 +835,7 @@ const ia = (e) => {
             weight: "bold"
           }
         ) }),
-        L && !l && /* @__PURE__ */ n(
+        L && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -851,7 +851,7 @@ const ia = (e) => {
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Ye, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
-        o && !l && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
+        l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
           "div",
           {
             role: "slider",
@@ -877,7 +877,7 @@ const ia = (e) => {
             ) })
           }
         ) }),
-        l && /* @__PURE__ */ h("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
+        o && /* @__PURE__ */ h("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
           /* @__PURE__ */ n(
             "button",
             {
@@ -937,18 +937,18 @@ const ia = (e) => {
       ]
     }
   );
-}, jt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", oa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", sn = ({
+}, jt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", la = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", sn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
   title: a,
   variant: r,
   mediaPlayerProps: i,
-  containedImage: l = !1
+  containedImage: o = !1
 }) => {
-  const o = ie(e), [d, u] = $(!1);
-  return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
-    la,
+  const l = ie(e), [d, u] = $(!1);
+  return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
+    oa,
     {
       source: t,
       mimeType: e,
@@ -956,7 +956,7 @@ const ia = (e) => {
       controls: !0,
       ...i
     }
-  ) : t && o === "image" ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && l === "image" ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -973,7 +973,7 @@ const ia = (e) => {
       className: "block w-full",
       draggable: !1
     }
-  ) : t && o === "document" ? s ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && l === "document" ? s ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -999,7 +999,7 @@ const ia = (e) => {
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${oa(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${la(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1024,8 +1024,8 @@ const ia = (e) => {
   placeholderTitle: a = "Attachment title",
   mimeType: r,
   detail: i,
-  statusBadge: l,
-  action: o,
+  statusBadge: o,
+  action: l,
   topLeft: d,
   topRight: u,
   rootRef: g,
@@ -1075,9 +1075,9 @@ const ia = (e) => {
                 children: i
               }
             ),
-            l
+            o
           ] }),
-          o
+          l
         ] })
       ]
     }
@@ -1105,7 +1105,7 @@ function ha(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const tt = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__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, u = /* @__PURE__ */ h(F.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1128,12 +1128,12 @@ const tt = ({ attachment: e, isMyMessage: t }) => {
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ n("div", { className: "block", children: u });
 };
-function ln(e) {
+function on(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function nt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(ln);
+  return (t = e.attachments) == null ? void 0 : t.find(on);
 }
 async function fa(e, t) {
   let s;
@@ -1144,8 +1144,8 @@ async function fa(e, t) {
   }
   const a = await fetch(e, { mode: "cors" });
   if (!a.ok) throw new Error(`HTTP ${a.status}`);
-  const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
-  l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
+  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 ga = ({
   url: e,
@@ -1158,11 +1158,11 @@ const ga = ({
       type: "button",
       onClick: (i) => {
         i.stopPropagation();
-        const l = window.open("", "_blank", "noopener,noreferrer");
+        const o = window.open("", "_blank", "noopener,noreferrer");
         a(!0), fa(e, t).then(() => {
-          l == null || l.close();
+          o == null || o.close();
         }).catch(() => {
-          l && (l.location.href = e);
+          o && (o.location.href = e);
         }).finally(() => a(!1));
       },
       disabled: s,
@@ -1184,18 +1184,18 @@ function st(e) {
     (w) => w.type === "audio" && w.asset_url
   ), r = (b = e.attachments) == null ? void 0 : b.find(
     (w) => w.type === "file" && w.asset_url
-  ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
-  if (!l) return null;
-  const o = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, u = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
+  ), i = t ?? s ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
+  if (!o) return null;
+  const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, u = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
   return {
-    resolvedUrl: l,
-    resolvedType: o,
+    resolvedUrl: o,
+    resolvedType: l,
     title: d,
     fileSize: u,
     thumbnailUrl: g
   };
 }
-const on = ({
+const ln = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
@@ -1230,14 +1230,14 @@ const on = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ie(t), l = a !== void 0 ? rn(a) : void 0;
+  const i = ie(t), o = a !== void 0 ? rn(a) : void 0;
   return /* @__PURE__ */ n(
     an,
     {
       variant: "light",
       title: s,
       mimeType: t,
-      detail: l,
+      detail: o,
       thumbnail: /* @__PURE__ */ n(
         sn,
         {
@@ -1277,7 +1277,7 @@ const on = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: et(t), children: /* @__PURE__ */ n(tt, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(on, { ...a }) : /* @__PURE__ */ n(cn, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: et(t), children: /* @__PURE__ */ n(tt, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(ln, { ...a }) : /* @__PURE__ */ n(cn, { ...a })
           }
         ) })
       }
@@ -1290,7 +1290,7 @@ const on = ({
   if (t)
     return /* @__PURE__ */ n("div", { className: et(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(tt, { attachment: t, isMyMessage: !0 }) });
   const s = st(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(on, { ...s }) }) : null;
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ln, { ...s }) }) : null;
 }, va = ({
   message: e
 }) => {
@@ -1361,12 +1361,12 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       /* @__PURE__ */ n("span", { children: b })
     ] });
   }
-  const l = s && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = [
+  const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = [
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
-    l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(_a, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ h(se, { children: [
+    o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
+  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(_a, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { children: [
     u,
     g
   ] }) : /* @__PURE__ */ h(se, { children: [
@@ -1414,8 +1414,8 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     editing: a,
     endOfGroup: r,
     firstOfGroup: i,
-    groupedByUser: l,
-    handleAction: o,
+    groupedByUser: o,
+    handleAction: l,
     handleOpenThread: d,
     handleRetry: u,
     highlighted: g,
@@ -1443,7 +1443,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   ), j = re(() => {
     const pe = c.attachments ?? [], Te = c.shared_location ? [c.shared_location, ...pe] : pe;
     if (!Re(c)) return Te;
-    const Rt = Te.filter((Lt) => !("type" in Lt) || !ln(Lt));
+    const Rt = Te.filter((Lt) => !("type" in Lt) || !on(Lt));
     return Rt.length === Te.length ? Te : Rt;
   }, [c]), K = re(() => {
     const pe = Qt({ message: c, viewerLanguage: v });
@@ -1458,7 +1458,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   const ee = !w && !!c.reply_count, me = !w && c.show_in_channel && c.parent_id, he = c.status === "failed" && ((vt = c.error) == null ? void 0 : vt.status) !== 403, fe = Wn(c);
   let J;
   he ? J = () => u(c) : fe && (J = () => D(!0));
-  const te = f(), le = k(
+  const te = f(), oe = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -1473,7 +1473,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__message-with-thread-link": ee || me,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
-      "str-chat__virtual-message__wrapper--group": l
+      "str-chat__virtual-message__wrapper--group": o
     }
   ), ft = c.poll_id && p.polls.fromState(c.poll_id), gt = Ea(c), ge = Re(c), pt = Ca(c), $e = !!(j != null && j.length && !c.quoted_message), bt = ge && te && $e;
   return /* @__PURE__ */ h(se, { children: [
@@ -1494,7 +1494,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ h(
       "div",
       {
-        className: le,
+        className: oe,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -1586,7 +1586,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
                   E,
                   {
-                    actionHandler: o,
+                    actionHandler: l,
                     attachments: j
                   }
                 ) : null,
@@ -1706,8 +1706,8 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            onClick: (l) => {
-              l.preventDefault(), t(s);
+            onClick: (o) => {
+              o.preventDefault(), t(s);
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
@@ -1798,8 +1798,8 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   disabledReason: a,
   composerInput: r
 }) => {
-  var o;
-  const { channel: i } = de(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
+  var l;
+  const { channel: i } = de(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
   return s ? /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
@@ -1807,12 +1807,12 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ h(
       "div",
       {
-        inert: l ? "" : void 0,
-        "aria-disabled": l || void 0,
+        inert: o ? "" : void 0,
+        "aria-disabled": o || void 0,
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(at.Provider, { value: l, children: /* @__PURE__ */ n(es, { Input: r ?? $a }) })
+          /* @__PURE__ */ n(at.Provider, { value: o, children: /* @__PURE__ */ n(es, { Input: r ?? $a }) })
         ]
       }
     ),
@@ -1948,8 +1948,8 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   Be.ExternalSources
 ]), Ka = ({ threadList: e }) => {
   var b, w;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = ue(), { typing: i = {} } = is(), { aiState: l } = ls(t), o = ye(mn);
-  if (!e && o && Xa.has(l)) {
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = ue(), { typing: i = {} } = is(), { aiState: o } = os(t), l = ye(mn);
+  if (!e && l && Xa.has(o)) {
     const v = Ja(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       Gt,
@@ -2087,15 +2087,15 @@ const Za = () => null, Qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Le.displayName = "LoadingState";
-const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Me = "Replies instantly with AI assistant", er = ({
+const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Me = "Replies instantly with AI assistant", er = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
   dmAgentEnabled: a = !1,
   onLeaveConversation: r,
   onBlockParticipant: i,
-  showDeleteConversation: l = !0,
-  showBlockParticipant: o = !0,
+  showDeleteConversation: o = !0,
+  showBlockParticipant: l = !0,
   showReportParticipant: d = !0,
   onDeleteConversationClick: u,
   onBlockParticipantClick: g,
@@ -2139,7 +2139,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         "button",
         {
           className: k(
-            oe,
+            le,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
@@ -2219,7 +2219,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
+            className: le,
             onClick: C,
             type: "button",
             "aria-label": M ? "Unstar conversation" : "Star conversation",
@@ -2240,8 +2240,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             channel: p,
             participant: _,
-            showDeleteConversation: l,
-            showBlockParticipant: o,
+            showDeleteConversation: o,
+            showBlockParticipant: l,
             showReportParticipant: d,
             onLeaveConversation: r,
             onBlockParticipant: i,
@@ -2249,7 +2249,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: k(oe, "bg-[#F1F0EE]")
+            triggerClassName: k(le, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2260,7 +2260,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: k(
-              oe,
+              le,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2337,7 +2337,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
+            className: le,
             onClick: C,
             type: "button",
             "aria-label": M ? "Unstar conversation" : "Star conversation",
@@ -2358,8 +2358,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             channel: p,
             participant: _,
-            showDeleteConversation: l,
-            showBlockParticipant: o,
+            showDeleteConversation: o,
+            showBlockParticipant: l,
             showReportParticipant: d,
             onLeaveConversation: r,
             onBlockParticipant: i,
@@ -2367,7 +2367,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: oe
+            triggerClassName: le
           }
         ))
       ] })
@@ -2380,8 +2380,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderMessageInputFooter: a,
   renderConversationFooter: r,
   onLeaveConversation: i,
-  onBlockParticipant: l,
-  showDeleteConversation: o = !0,
+  onBlockParticipant: o,
+  showDeleteConversation: l = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: u,
   onReportParticipantClick: g,
@@ -2451,8 +2451,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             showStarButton: w,
             dmAgentEnabled: z,
             onLeaveConversation: i,
-            onBlockParticipant: l,
-            showDeleteConversation: o,
+            onBlockParticipant: o,
+            showDeleteConversation: l,
             showBlockParticipant: m,
             showReportParticipant: f,
             onDeleteConversationClick: d,
@@ -2498,8 +2498,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     renderMessageInputActions: a,
     renderMessageInputFooter: r,
     renderConversationFooter: i,
-    onLeaveConversation: l,
-    onBlockParticipant: o,
+    onLeaveConversation: o,
+    onBlockParticipant: l,
     className: d,
     CustomChannelEmptyState: u = Za,
     showDeleteConversation: g = !0,
@@ -2568,7 +2568,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           d
         ),
         children: /* @__PURE__ */ n(mn.Provider, { value: N ?? !1, children: /* @__PURE__ */ n(
-          os,
+          ls,
           {
             channel: e,
             MessageSystem: Wa,
@@ -2587,8 +2587,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 renderMessageInputActions: a,
                 renderMessageInputFooter: r,
                 renderConversationFooter: i,
-                onLeaveConversation: l,
-                onBlockParticipant: o,
+                onLeaveConversation: o,
+                onBlockParticipant: l,
                 CustomChannelEmptyState: u,
                 showDeleteConversation: g,
                 onDeleteConversationClick: m,
@@ -2641,8 +2641,8 @@ const Ti = ({
   onChannelSelect: a,
   onExitConversation: r,
   initialParticipantFilter: i,
-  initialParticipantData: l,
-  CustomChannelEmptyState: o,
+  initialParticipantData: o,
+  CustomChannelEmptyState: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
   dmAgentEnabled: g,
@@ -2667,8 +2667,8 @@ const Ti = ({
     refreshConnection: C,
     service: A,
     debug: E
-  } = Os(), [y, I] = $(null), [O, z] = $(null), [U, X] = $(!1), { showDeleteConversation: Z = !0 } = e, Y = H(l);
-  Y.current = l;
+  } = Os(), [y, I] = $(null), [O, z] = $(null), [U, X] = $(!1), { showDeleteConversation: Z = !0 } = e, Y = H(o);
+  Y.current = o;
   const x = H(a);
   x.current = a;
   const S = H(null), G = H(null);
@@ -2715,19 +2715,19 @@ const Ti = ({
           return;
         }
         try {
-          const le = await A.startChannelWithParticipant({
+          const oe = await A.startChannelWithParticipant({
             id: te.id,
             name: te.name,
             phone: te.phone
           });
-          I(le), z(null), (fe = x.current) == null || fe.call(x, le), E && console.log(
+          I(oe), z(null), (fe = x.current) == null || fe.call(x, oe), E && console.log(
             "[MessagingShell] Channel created and loaded:",
-            le.id
+            oe.id
           );
-        } catch (le) {
+        } catch (oe) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            le
+            oe
           ), ee(), z("Failed to create conversation");
         }
       } catch (J) {
@@ -2759,7 +2759,7 @@ const Ti = ({
       renderChannelBanner: w,
       onLeaveConversation: Q,
       onBlockParticipant: Q,
-      CustomChannelEmptyState: o,
+      CustomChannelEmptyState: l,
       showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
@@ -2821,13 +2821,13 @@ const fn = F.createContext({
       selectedChannel: a,
       onChannelSelect: r,
       debug: i,
-      channelPreview: l,
-      renderMessagePreview: o,
+      channelPreview: o,
+      renderMessagePreview: l,
       viewerLanguage: d
     } = ar(), { client: u } = ue(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = Jt(t);
-    if (l)
+    if (o)
       return /* @__PURE__ */ n(
-        l,
+        o,
         {
           ...e,
           active: g,
@@ -2865,7 +2865,7 @@ const fn = F.createContext({
       if (C) return C;
       const I = (X = p == null ? void 0 : p.attachments) == null ? void 0 : X[0];
       return I ? I.og_scrape_url ? I.og_scrape_url : I.type === "image" ? "📷 Sent an image" : I.type === "video" ? "🎥 Sent a video" : I.type === "audio" ? "🎵 Sent audio" : I.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), T = p != null && p.created_at ? ir(new Date(p.created_at)) : "", R = p ? Re(p) : !1, M = o ? o(p, _) : `${R ? "✨ " : ""}${_}`, L = s ?? 0;
+    })(), T = p != null && p.created_at ? ir(new Date(p.created_at)) : "", R = p ? Re(p) : !1, M = l ? l(p, _) : `${R ? "✨ " : ""}${_}`, L = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
@@ -2925,16 +2925,16 @@ const fn = F.createContext({
   }
 );
 gn.displayName = "CustomChannelPreview";
-const lr = { last_message_at: -1 }, or = F.memo(
+const or = { last_message_at: -1 }, lr = F.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = lr,
-    className: l,
-    customEmptyStateIndicator: o,
+    sort: i = or,
+    className: o,
+    customEmptyStateIndicator: l,
     channelListPaginator: d = hs,
     channelPreview: u,
     renderMessagePreview: g,
@@ -2978,7 +2978,7 @@ const lr = { last_message_at: -1 }, or = F.memo(
       {
         className: k(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          l
+          o
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(sr, { value: w, children: /* @__PURE__ */ n(
           ms,
@@ -2990,7 +2990,7 @@ const lr = { last_message_at: -1 }, or = F.memo(
             channelRenderFilterFn: b,
             Paginator: d,
             Preview: gn,
-            EmptyStateIndicator: o
+            EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
         ) }) })
@@ -2998,7 +2998,7 @@ const lr = { last_message_at: -1 }, or = F.memo(
     );
   }
 );
-or.displayName = "ChannelList";
+lr.displayName = "ChannelList";
 const cr = /^([a-z][a-z0-9+.-]*):/i, dr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function rt(e) {
   if (typeof e != "string") return;
@@ -3057,10 +3057,10 @@ const ur = {
   description: a,
   url: r,
   appIcon: i,
-  cta: l,
-  trailingAction: o
+  cta: o,
+  trailingAction: l
 }) => {
-  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = l != null;
+  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
   if (!g && !m && !c && !b) return null;
   const v = k(
     "truncate text-base font-medium leading-6",
@@ -3081,9 +3081,9 @@ const ur = {
         ] }),
         !b && c && /* @__PURE__ */ n("p", { className: p, children: f })
       ] }),
-      o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
+      l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    l && /* @__PURE__ */ n(mr, { variant: e, cta: l })
+    o && /* @__PURE__ */ n(mr, { variant: e, cta: o })
   ] });
 }, pr = k(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
@@ -3099,18 +3099,18 @@ const ur = {
   onClick: a,
   ariaLabel: r,
   rootRef: i,
-  topRight: l,
-  bgClassName: o,
+  topRight: o,
+  bgClassName: l,
   "data-testid": d
 }) => {
   const u = s != null || a != null, g = k(
     pr,
-    o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
+    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
     // with offset, so keyboard users can see the focused card.
     u ? "cursor-pointer no-underline focus-ring" : null
-  ), m = l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
+  ), m = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
   return s ? /* @__PURE__ */ h(
     "a",
     {
@@ -3162,16 +3162,16 @@ const ur = {
   if (!t || !e) return !1;
   const s = ie(e);
   return s === "video" || s === "audio";
-}, lt = "bg-[#F2F3F4]", Pe = ({
+}, ot = "bg-[#F2F3F4]", Pe = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
   title: a,
   mimeType: r = "image/*",
   topLeft: i,
-  topRight: l
+  topRight: o
 }) => {
-  const o = ie(r), d = !!s && o === "video";
+  const l = ie(r), d = !!s && l === "video";
   return Oe(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3222,7 +3222,7 @@ const ur = {
           }
         ),
         i ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-10", children: i }) : null,
-        l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null
+        o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null
       ]
     }
   );
@@ -3233,14 +3233,14 @@ const ur = {
   url: a,
   mimeType: r,
   thumbnailUrl: i,
-  sourceUrl: l,
-  layout: o = "featured",
+  sourceUrl: o,
+  layout: l = "featured",
   appIcon: d,
   cta: u,
   onDismiss: g,
   onEditClick: m
 }) => {
-  const f = o === "classic", c = Oe(r, l), b = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Oe(r, o), b = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3259,12 +3259,12 @@ const ur = {
       children: /* @__PURE__ */ n(Ds, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(De, { variant: "dark", bgClassName: lt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(De, { variant: "dark", bgClassName: ot, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
       Pe,
       {
         variant: "dark",
-        sourceUrl: l,
+        sourceUrl: o,
         title: e,
         mimeType: r
       }
@@ -3281,7 +3281,7 @@ const ur = {
           {
             variant: "dark",
             thumbnailUrl: i,
-            sourceUrl: l,
+            sourceUrl: o,
             title: e,
             mimeType: r,
             topRight: b
@@ -3310,12 +3310,12 @@ const ur = {
   mimeType: a,
   thumbnailUrl: r,
   sourceUrl: i,
-  layout: l = "featured",
-  appIcon: o,
+  layout: o = "featured",
+  appIcon: l,
   cta: d,
   onClick: u
 }) => {
-  const g = pn(a, i), m = rt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, b = Oe(a, i) ? lt : void 0, w = d && u ? {
+  const g = pn(a, i), m = rt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, b = Oe(a, i) ? ot : void 0, w = d && u ? {
     ...d,
     onClick: () => {
       var v;
@@ -3332,7 +3332,7 @@ const ur = {
       bgClassName: b,
       "data-testid": "link-attachment",
       children: [
-        l === "featured" && /* @__PURE__ */ n(
+        o === "featured" && /* @__PURE__ */ n(
           Pe,
           {
             variant: "light",
@@ -3349,7 +3349,7 @@ const ur = {
             title: e,
             description: t,
             url: s,
-            appIcon: o,
+            appIcon: l,
             cta: w
           }
         )
@@ -3363,27 +3363,27 @@ const ur = {
   url: a,
   mimeType: r,
   thumbnailUrl: i,
-  sourceUrl: l,
-  layout: o = "featured",
+  sourceUrl: o,
+  layout: l = "featured",
   appIcon: d,
   cta: u,
   onClick: g
 }) => {
-  const m = pn(r, l), f = rt(a), c = u == null && f != null && !m ? f : void 0, b = u == null && !m && c != null ? g : void 0;
+  const m = pn(r, o), f = rt(a), c = u == null && f != null && !m ? f : void 0, b = u == null && !m && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     De,
     {
       variant: "dark",
       href: c,
       onClick: b,
-      bgClassName: Oe(r, l) ? lt : void 0,
+      bgClassName: Oe(r, o) ? ot : void 0,
       children: [
-        o === "featured" && /* @__PURE__ */ n(
+        l === "featured" && /* @__PURE__ */ n(
           Pe,
           {
             variant: "dark",
             thumbnailUrl: i,
-            sourceUrl: l,
+            sourceUrl: o,
             title: e,
             mimeType: r
           }
@@ -3436,13 +3436,13 @@ const ur = {
   groupPosition: a = "single",
   className: r,
   children: i,
-  "data-testid": l
+  "data-testid": o
 }) => {
-  const o = t != null && t !== "", d = Er[Cr(e)][a];
+  const l = t != null && t !== "", d = Er[Cr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
-      "data-testid": l,
+      "data-testid": o,
       "data-group-position": a,
       className: k(
         // 280px-wide bubble — matches the mobile chat attachment width
@@ -3461,7 +3461,7 @@ const ur = {
       ),
       children: [
         i,
-        o ? /* @__PURE__ */ n(
+        l ? /* @__PURE__ */ n(
           "p",
           {
             className: k(
@@ -3520,27 +3520,27 @@ const ur = {
     }
   ),
   s ?? null
-] }), ot = ({
+] }), lt = ({
   state: e,
   src: t,
   mimeType: s,
   filename: a,
   items: r,
   text: i,
-  groupPosition: l,
-  preload: o,
+  groupPosition: o,
+  preload: l,
   onDismiss: d
 }) => {
   const u = Ie(e), g = e === "composer" && !!d, m = Ir({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
-  const f = o ?? (m.length > 1 ? "none" : "metadata");
+  const f = l ?? (m.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
     Ce,
     {
       variant: u,
       text: i,
-      groupPosition: l,
+      groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, b) => /* @__PURE__ */ n(
         Sr,
@@ -3557,7 +3557,7 @@ const ur = {
       )) })
     }
   );
-}, Tr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Ar = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Mr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), Rr = {
+}, Tr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Ar = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Mr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), Rr = {
   Composer: Tr,
   Sent: Ar,
   Received: Mr
@@ -3621,8 +3621,8 @@ const Or = {
   mimeType: a = "application/octet-stream",
   fileSize: r,
   onActivate: i,
-  activateLabel: l,
-  trailingAction: o
+  activateLabel: o,
+  trailingAction: l
 }) => {
   const d = s ?? t ?? "File", u = zr(a, t, r), g = /* @__PURE__ */ n(
     "div",
@@ -3654,7 +3654,7 @@ const Or = {
     {
       type: "button",
       onClick: i,
-      "aria-label": l,
+      "aria-label": o,
       className: k(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
@@ -3670,7 +3670,7 @@ const Or = {
   ] });
   return /* @__PURE__ */ h("div", { className: "flex items-center gap-3 px-3 py-2", children: [
     f,
-    o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
+    l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
 async function vn(e, t) {
@@ -3678,8 +3678,8 @@ async function vn(e, t) {
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
-    const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
-    l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
+    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);
   } catch {
     if (!window.open(e, "_blank", "noopener,noreferrer")) {
       const r = document.createElement("a");
@@ -3722,8 +3722,8 @@ const Br = ({
   fileSize: a,
   mimeType: r,
   title: i,
-  items: l,
-  text: o,
+  items: o,
+  text: l,
   groupPosition: d,
   onClick: u,
   onDismiss: g
@@ -3734,7 +3734,7 @@ const Br = ({
     fileSize: a,
     mimeType: r,
     title: i,
-    items: l
+    items: o
   }), b = (v) => {
     if ((u == null ? void 0 : u(v)) === !1) return;
     const p = c[v];
@@ -3759,7 +3759,7 @@ const Br = ({
     Ce,
     {
       variant: m,
-      text: o,
+      text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, p) => /* @__PURE__ */ n(
@@ -3812,16 +3812,16 @@ const Br = ({
   label: a = "Download",
   iconOnly: r,
   tone: i = "dark",
-  onTriggered: l
+  onTriggered: o
 }) => {
-  const [o, d] = $(!1), u = W(
+  const [l, d] = $(!1), u = W(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), vn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), vn(e, t).catch(() => {
       }).finally(() => {
-        d(!1), l == null || l();
+        d(!1), o == null || o();
       }));
     },
-    [o, e, t, l]
+    [l, e, t, o]
   ), g = r ?? s !== "pill", f = { className: k(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
@@ -3831,7 +3831,7 @@ const Br = ({
     {
       type: "button",
       onClick: u,
-      disabled: o,
+      disabled: l,
       "aria-label": a,
       className: k(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
@@ -3840,7 +3840,7 @@ const Br = ({
           light: "text-black/70 hover:bg-black/[0.08] hover:text-black"
         }[i]
       ),
-      children: o ? /* @__PURE__ */ n(
+      children: l ? /* @__PURE__ */ n(
         Ne,
         {
           className: "size-4 animate-spin",
@@ -3861,24 +3861,24 @@ const Br = ({
     {
       type: "button",
       onClick: u,
-      disabled: o,
+      disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ n(Ne, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(_e, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ n(Ne, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(_e, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
     {
       type: "button",
       onClick: u,
-      disabled: o,
+      disabled: l,
       "aria-label": g ? a : void 0,
       className: k(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
       children: [
-        o ? /* @__PURE__ */ n(
+        l ? /* @__PURE__ */ n(
           Ne,
           {
             className: "size-4 animate-spin",
@@ -3901,9 +3901,9 @@ const Br = ({
   }, [s, t, e]), q(() => {
     i((d) => Ge(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = W(() => {
+  const o = W(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = W(() => {
+  }, [e]), l = W(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return q(() => {
@@ -3911,10 +3911,10 @@ const Br = ({
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
       const g = document.activeElement;
-      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? l() : o());
+      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? o() : l());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [s, e, l, o]), { index: r, prev: l, next: o };
+  }, [s, e, o, l]), { index: r, prev: o, next: l };
 }, mt = ({
   open: e,
   onClose: t,
@@ -3922,12 +3922,12 @@ const Br = ({
   counter: a,
   actions: r,
   children: i,
-  "data-testid": l
+  "data-testid": o
 }) => {
-  const o = H(null), d = H(null);
+  const l = H(null), d = H(null);
   return q(() => {
     var f;
-    const m = o.current;
+    const m = l.current;
     if (m) {
       if (e) {
         if (!m.open)
@@ -3973,15 +3973,15 @@ const Br = ({
   /* @__PURE__ */ h(
     "dialog",
     {
-      ref: o,
+      ref: l,
       className: "mes-media-viewer",
       "aria-label": s ?? "Attachment viewer",
-      "data-testid": l,
+      "data-testid": o,
       onClose: () => {
         t();
       },
       onClick: (m) => {
-        m.target === o.current && t();
+        m.target === l.current && t();
       },
       children: [
         /* @__PURE__ */ h("div", { className: "mes-media-viewer__chrome", children: [
@@ -4011,15 +4011,15 @@ const Br = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = ut({
+  const { index: r, prev: i, next: o } = ut({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = re(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "image"),
-    [o]
+  }), l = t[r], d = re(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "image"),
+    [l]
   );
-  return o ? /* @__PURE__ */ h(
+  return l ? /* @__PURE__ */ h(
     mt,
     {
       open: e,
@@ -4029,7 +4029,7 @@ const Br = ({
       actions: /* @__PURE__ */ n(
         xn,
         {
-          url: o.src,
+          url: l.src,
           filename: d,
           variant: "viewer",
           label: `Download ${d}`
@@ -4040,20 +4040,20 @@ const Br = ({
         /* @__PURE__ */ n(
           "img",
           {
-            src: o.src,
-            alt: o.alt ?? d,
+            src: l.src,
+            alt: l.alt ?? d,
             draggable: !1,
             loading: "eager",
             decoding: "async",
             className: "mes-media-viewer__image"
           },
-          `${r}:${o.src}`
+          `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           dt,
           {
             onPrev: i,
-            onNext: l,
+            onNext: o,
             prevLabel: "Previous image",
             nextLabel: "Next image"
           }
@@ -4069,7 +4069,7 @@ const Br = ({
 }) => {
   const r = e.length;
   if (r === 0) return null;
-  const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, u, g) => {
+  const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, u, g) => {
     const m = k(Yr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
@@ -4089,14 +4089,14 @@ const Br = ({
       g
     ] }, u);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
       className: k(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
-      children: i.map((d, u) => o(d, u))
+      children: i.map((d, u) => l(d, u))
     }
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
@@ -4106,9 +4106,9 @@ const Br = ({
         a
       ),
       children: [
-        /* @__PURE__ */ n("div", { className: "row-span-2", children: o(i[0], 0) }),
-        o(i[1], 1),
-        o(i[2], 2)
+        /* @__PURE__ */ n("div", { className: "row-span-2", children: l(i[0], 0) }),
+        l(i[1], 1),
+        l(i[2], 2)
       ]
     }
   ) : /* @__PURE__ */ n(
@@ -4119,13 +4119,13 @@ const Br = ({
         a
       ),
       children: i.map((d, u) => {
-        const g = l > 0 && u === i.length - 1;
-        return o(
+        const g = o > 0 && u === i.length - 1;
+        return l(
           d,
           u,
           g ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
-            l
+            o
           ] }) : null
         );
       })
@@ -4133,12 +4133,12 @@ const Br = ({
   );
 }, Se = (e) => {
   const [t, s] = $(!1), [a, r] = $(0), i = W(
-    (o) => {
-      (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
+    (l) => {
+      (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), l = W(() => s(!1), []);
-  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
+  ), o = W(() => s(!1), []);
+  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
 }, qr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
@@ -4163,7 +4163,7 @@ const Br = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Xr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Se(
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Se(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4191,9 +4191,9 @@ const Br = ({
     /* @__PURE__ */ n(
       wn,
       {
-        open: l,
+        open: o,
         items: _n([{ src: e, alt: t }], s),
-        initialIndex: o,
+        initialIndex: l,
         onClose: u
       }
     )
@@ -4205,8 +4205,8 @@ const Br = ({
   filename: a,
   items: r,
   text: i,
-  groupPosition: l,
-  loading: o = "lazy",
+  groupPosition: o,
+  loading: l = "lazy",
   onClick: d
 }) => {
   const u = Wr({ src: t, alt: s, items: r }), g = Ie(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: b } = Se(
@@ -4215,14 +4215,14 @@ const Br = ({
   if (u.length === 0)
     return null;
   const w = u.map(
-    (v, p) => qr(v, p, u.length, o)
+    (v, p) => qr(v, p, u.length, l)
   );
   return /* @__PURE__ */ h(
     Ce,
     {
       variant: g,
       text: i,
-      groupPosition: l,
+      groupPosition: o,
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Nn, { tiles: w, onTileActivate: c }) }),
@@ -4248,18 +4248,18 @@ const Br = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = ut({
+  const { index: r, prev: i, next: o } = ut({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = re(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "document"),
-    [o]
+  }), l = t[r], d = re(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "document"),
+    [l]
   ), u = re(
-    () => o ? ti(o.src) : void 0,
-    [o]
+    () => l ? ti(l.src) : void 0,
+    [l]
   );
-  return !o || !u ? null : /* @__PURE__ */ h(
+  return !l || !u ? null : /* @__PURE__ */ h(
     mt,
     {
       open: e,
@@ -4276,13 +4276,13 @@ const Br = ({
             className: "mes-media-viewer__iframe",
             sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
           },
-          `${r}:${o.src}`
+          `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           dt,
           {
             onPrev: i,
-            onNext: l,
+            onNext: o,
             prevLabel: "Previous document",
             nextLabel: "Next document"
           }
@@ -4327,8 +4327,8 @@ const Br = ({
   fileSize: a,
   title: r,
   items: i,
-  text: l,
-  groupPosition: o,
+  text: o,
+  groupPosition: l,
   onClick: d,
   onDismiss: u
 }) => {
@@ -4345,8 +4345,8 @@ const Br = ({
     Ce,
     {
       variant: g,
-      text: l,
-      groupPosition: o,
+      text: o,
+      groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((N, _) => {
@@ -4384,7 +4384,7 @@ const Br = ({
       ]
     }
   );
-}, ai = (e) => /* @__PURE__ */ n(ht, { ...e, state: "composer" }), ri = (e) => /* @__PURE__ */ n(ht, { ...e, state: "sent" }), ii = (e) => /* @__PURE__ */ n(ht, { ...e, state: "received" }), li = {
+}, ai = (e) => /* @__PURE__ */ n(ht, { ...e, state: "composer" }), ri = (e) => /* @__PURE__ */ n(ht, { ...e, state: "sent" }), ii = (e) => /* @__PURE__ */ n(ht, { ...e, state: "received" }), oi = {
   Composer: ai,
   Sent: ri,
   Received: ii
@@ -4394,15 +4394,15 @@ const Br = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = ut({
+  const { index: r, prev: i, next: o } = ut({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = re(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "video"),
-    [o]
+  }), l = t[r], d = re(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "video"),
+    [l]
   );
-  return o ? /* @__PURE__ */ h(
+  return l ? /* @__PURE__ */ h(
     mt,
     {
       open: e,
@@ -4414,23 +4414,23 @@ const Br = ({
         /* @__PURE__ */ n(
           "video",
           {
-            src: o.src,
-            poster: o.poster,
+            src: l.src,
+            poster: l.poster,
             controls: !0,
             autoPlay: !0,
             muted: !0,
             playsInline: !0,
-            preload: o.preload ?? "metadata",
+            preload: l.preload ?? "metadata",
             className: "mes-media-viewer__video",
-            children: o.mimeType ? /* @__PURE__ */ n("source", { src: o.src, type: o.mimeType }) : null
+            children: l.mimeType ? /* @__PURE__ */ n("source", { src: l.src, type: l.mimeType }) : null
           },
-          `${r}:${o.src}`
+          `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           dt,
           {
             onPrev: i,
-            onNext: l,
+            onNext: o,
             prevLabel: "Previous video",
             nextLabel: "Next video"
           }
@@ -4438,7 +4438,7 @@ const Br = ({
       ]
     }
   ) : null;
-}, 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(Ye, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
+}, li = () => /* @__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(Ye, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4460,7 +4460,7 @@ const Br = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(oi, {})
+  /* @__PURE__ */ n(li, {})
 ] }), ci = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(Cn, { item: e, index: t })
@@ -4476,8 +4476,8 @@ const Br = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), ui = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: g } = Se(
+})), ui = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: g } = Se(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4491,11 +4491,11 @@ const Br = ({
         children: /* @__PURE__ */ n(Cn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ee, { onClick: l }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ee, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
       kn,
       {
-        open: o,
+        open: l,
         items: En(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
@@ -4512,8 +4512,8 @@ const Br = ({
   mimeType: a,
   filename: r,
   items: i,
-  text: l,
-  groupPosition: o,
+  text: o,
+  groupPosition: l,
   preload: d,
   onClick: u
 }) => {
@@ -4529,8 +4529,8 @@ const Br = ({
     Ce,
     {
       variant: m,
-      text: l,
-      groupPosition: o,
+      text: o,
+      groupPosition: l,
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
@@ -4561,7 +4561,7 @@ const Br = ({
   Image: Qr,
   Video: gi,
   Audio: Rr,
-  Pdf: li,
+  Pdf: oi,
   File: Hr
 }, pi = ({
   question: e,
@@ -4592,15 +4592,15 @@ const Br = ({
   headerText: a,
   className: r,
   avatarImage: i,
-  avatarName: l
+  avatarName: o
 }) => {
-  const o = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.order ?? 0));
-  return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
-    (i || l) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
+  const l = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.order ?? 0));
+  return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
+    (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
       ne,
       {
-        id: l || "account",
-        name: l || "Account",
+        id: o || "account",
+        name: o || "Account",
         image: i,
         size: 24,
         shape: "circle"
@@ -4613,7 +4613,7 @@ const Br = ({
         style: { backgroundColor: "#F1F0EE" },
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
-          o.map((d) => /* @__PURE__ */ n(
+          l.map((d) => /* @__PURE__ */ n(
             pi,
             {
               question: d.question,
@@ -4639,7 +4639,7 @@ export {
   Ei as M,
   be as a,
   ne as b,
-  or as c,
+  lr as c,
   hn as d,
   Ii as e,
   pi as f,
@@ -4655,7 +4655,7 @@ export {
   Pr as p,
   Qt as q,
   ce as r,
-  ln as s,
+  on as s,
   Us as t,
   Mi as u,
   Xs as v,
@@ -4664,4 +4664,4 @@ export {
   st as y,
   Zt as z
 };
-//# sourceMappingURL=index-DxuG__WG.js.map
+//# sourceMappingURL=index-BOzklqIY.js.map