@linktr.ee/messaging-react 3.38.2 → 4.0.0-rc-1786383199

package/dist/{index-i03XGFsr.js → index-NfAAanC-.js}

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as f, Fragment as J } from "react/jsx-runtime";
 import z, { createContext as je, useContext as ve, useCallback as Z, useState as $, useRef as j, useEffect as Y, useId as nn, Suspense as an, useMemo as le } from "react";
 import { StreamChatService as rn } from "@linktr.ee/messaging-core";
 import { StreamChat as ln, LinkPreviewsManager as tt } from "stream-chat";
-import { Chat as on, useChannelStateContext as xe, useChatContext as He, DateSeparator as cn, useMessageContext as he, MessageStatus as dn, MessageErrorIcon as st, MessageText as ze, areMessageUIPropsEqual as un, useMessageReminder as mn, useComponentContext as cs, Attachment as hn, EditMessageModal as fn, MessageBlocked as gn, MessageBouncePrompt as pn, MessageDeleted as bn, MessageIsThreadReplyInChannelButtonIndicator as vn, MessageRepliesCountButton as xn, ReminderNotification as wn, StreamedMessageText as _n, messageHasAttachments as yn, messageHasReactions as Nn, isDateSeparatorMessage as kn, isMessageBlocked as Cn, isMessageBounced as Sn, MessageBounceModal as En, Poll as In, useMessageComposer as Tn, useStateStore as An, MessageInput as Ht, useMessageInputContext as Ln, useMessageComposerHasSendableData as Rn, AttachmentPreviewList as Mn, QuotedMessagePreview as Dn, TextareaComposer as On, MessageTimestamp as We, AIStates as Xe, useTypingContext as Pn, useAIState as zn, Channel as Fn, WithComponents as Bn, Window as $n, MessageList as Vt, ChannelList as Un, InfiniteScroll as jn } from "stream-chat-react";
+import { Chat as on, useChannelStateContext as xe, useChatContext as He, DateSeparator as cn, useMessageContext as he, MessageStatus as dn, MessageErrorIcon as st, MessageText as ze, areMessageUIPropsEqual as un, useMessageReminder as mn, useComponentContext as cs, Attachment as hn, EditMessageModal as fn, MessageBlocked as gn, MessageBouncePrompt as pn, MessageDeleted as bn, MessageIsThreadReplyInChannelButtonIndicator as vn, MessageRepliesCountButton as xn, ReminderNotification as wn, StreamedMessageText as _n, messageHasAttachments as yn, messageHasReactions as Nn, isDateSeparatorMessage as kn, isMessageBlocked as Cn, isMessageBounced as Sn, MessageBounceModal as En, Poll as In, useMessageComposer as Tn, useStateStore as An, MessageInput as Ht, useMessageInputContext as Ln, useMessageComposerHasSendableData as Rn, AttachmentPreviewList as Mn, QuotedMessagePreview as Dn, TextareaComposer as On, MessageTimestamp as We, AIStates as Xe, useTypingContext as Pn, useAIState as zn, Channel as Bn, WithComponents as Fn, Window as $n, MessageList as Vt, ChannelList as Un, InfiniteScroll as jn } from "stream-chat-react";
 import k from "classnames";
 import { StarIcon as nt, DotsThreeIcon as Hn, SpinnerGapIcon as Oe, SignOutIcon as Vn, ProhibitInsetIcon as Gt, FlagIcon as ds, CurrencyDollarIcon as Gn, CaretRightIcon as us, ArrowLeftIcon as Yn, FileIcon as ms, ImageIcon as Wn, SpeakerHighIcon as Xn, VideoCameraIcon as hs, FileMdIcon as qn, FileTextIcon as Kn, FileZipIcon as Zn, FilePptIcon as Jn, FileCsvIcon as Qn, FileXlsIcon as ea, FileDocIcon as ta, FilePdfIcon as sa, CircleNotchIcon as pe, PlayIcon as at, PauseIcon as na, LinkIcon as aa, DownloadSimpleIcon as Ce, GiftIcon as ra, WarningCircleIcon as ia, MegaphoneIcon as la, ChecksIcon as oa, XIcon as it, PencilSimpleIcon as ca, CaretLeftIcon as da, TrashSimpleIcon as ua, ArrowUpIcon as ma, SparkleIcon as ha, ProhibitIcon as fa } from "@phosphor-icons/react";
 import { isOfficialChannel as ga, OFFICIAL_SENDER_USER_ID as pa, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Yt, isAgeSafetySystemType as ba, resolveRichCardImagePresentation as va, selectEnabledFaqs as xa } from "@linktr.ee/messaging-taxonomy";
@@ -39,7 +39,7 @@ const gs = je({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = $(null), [h, u] = $(null), [g, c] = $(!1), [p, w] = $(!1), [v, x] = $(null), b = j(!1), N = j(null), _ = j(n);
+  const [d, u] = $(null), [h, m] = $(null), [g, c] = $(!1), [p, w] = $(!1), [v, x] = $(null), b = j(!1), N = j(null), _ = j(n);
   _.current = n;
   const T = j(i);
   T.current = i;
@@ -64,16 +64,16 @@ const gs = je({
     serviceConfig: n,
     capabilities: r
   };
-  const B = j(null);
-  !o && a && ((S = B.current) == null ? void 0 : S.apiKey) !== a && (B.current = { apiKey: a, client: new ln(a) });
-  const F = o || (a ? ((C = B.current) == null ? void 0 : C.client) ?? null : null);
+  const F = j(null);
+  !o && a && ((S = F.current) == null ? void 0 : S.apiKey) !== a && (F.current = { apiKey: a, client: new ln(a) });
+  const B = o || (a ? ((C = F.current) == null ? void 0 : C.client) ?? null : null);
   Y(() => {
     const A = E.current, P = _.current;
     if (o) {
-      N.current = null, m(null), u(null), c(!1), x(null), w(!1);
+      N.current = null, u(null), m(null), c(!1), x(null), w(!1);
       return;
     }
-    if (!a || !F || !P) {
+    if (!a || !B || !P) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: A,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -88,13 +88,13 @@ const gs = je({
       ...P,
       apiKey: a,
       debug: T.current,
-      client: F
+      client: B
     });
-    N.current = U, m(U), l("✅ SERVICE SET", {
+    N.current = U, u(U), l("✅ SERVICE SET", {
       renderCount: A,
       serviceInstance: !!U
     });
-  }, [a, F, o]);
+  }, [a, B, o]);
   const L = j(null);
   Y(() => {
     var P, U;
@@ -127,7 +127,7 @@ const gs = je({
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const H = await d.connectUser(t);
-        u(H), c(!0), L.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        m(H), c(!0), L.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: H.userID
         });
@@ -145,12 +145,12 @@ const gs = je({
       }
     })();
   }, [d, t, l, g, o]), Y(() => {
-    const A = F;
+    const A = B;
     return () => {
       var P;
       A && (L.current = null, (P = N.current) == null || P.disconnectUser().catch(console.error));
     };
-  }, [F]);
+  }, [B]);
   const I = Z(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
@@ -164,7 +164,7 @@ const gs = je({
       try {
         l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
         const A = await d.connectUser(t);
-        u(A), c(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+        m(A), c(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
       } catch (A) {
         const P = A instanceof Error ? A.message : "Refresh failed";
         x(P), l("❌ CONNECTION REFRESH ERROR", {
@@ -213,12 +213,12 @@ const gs = je({
   ]);
   return l("🔄 RENDER END", {
     renderCount: E.current,
-    willRenderChat: !!F,
+    willRenderChat: !!B,
     contextValueReady: !!M
-  }), /* @__PURE__ */ s(gs.Provider, { value: M, children: F ? /* @__PURE__ */ s(
+  }), /* @__PURE__ */ s(gs.Provider, { value: M, children: B ? /* @__PURE__ */ s(
     on,
     {
-      client: F,
+      client: B,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -331,14 +331,14 @@ const we = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Ca(e), d = Sa(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, p = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ s(
+  const l = Ca(e), d = Sa(e), u = 0.45, m = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, p = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ s(
     "div",
     {
       "aria-hidden": "true",
       className: k(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
-      style: { fontSize: u, lineHeight: 1 },
+      style: { fontSize: m, lineHeight: 1 },
       children: l
     }
   ) });
@@ -392,20 +392,20 @@ const we = ({
   onDeleteConversationClick: o,
   onBlockParticipantClick: l,
   onReportParticipantClick: d,
-  onActionComplete: m,
+  onActionComplete: u,
   logLabel: h = "useChannelModerationActions"
 }) => {
   var M;
-  const { service: u, debug: g } = lt(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, p = !!(a && n && u && c), [w, v] = $(!1), [x, b] = $(null), [N, _] = $(!1), [T, R] = $(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== u);
+  const { service: m, debug: g } = lt(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, p = !!(a && n && m && c), [w, v] = $(!1), [x, b] = $(null), [N, _] = $(!1), [T, R] = $(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
   return Y(() => {
-    if (!p || !u || !c) {
+    if (!p || !m || !c) {
       v(!1), b(null);
       return;
     }
     let S = !1;
     return (async () => {
       try {
-        const C = await u.getBlockedUsers();
+        const C = await m.getBlockedUsers();
         if (S) return;
         v(
           C.some(
@@ -415,12 +415,12 @@ const we = ({
       } catch (C) {
         S || console.error(`[${h}] Failed to check blocked status:`, C);
       } finally {
-        S || b({ participantId: c, service: u });
+        S || b({ participantId: c, service: m });
       }
     })(), () => {
       S = !0;
     };
-  }, [p, u, c, h]), {
+  }, [p, m, c, h]), {
     isParticipantBlocked: w,
     isCheckingBlockedStatus: E,
     isLeaving: N,
@@ -431,7 +431,7 @@ const we = ({
         o == null || o(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
         try {
           const C = ((S = e._client) == null ? void 0 : S.userID) ?? null;
-          await e.hide(C, !1), r && await r(e), m == null || m();
+          await e.hide(C, !1), r && await r(e), u == null || u();
         } catch (C) {
           console.error(`[${h}] Failed to leave conversation`, C);
         } finally {
@@ -441,10 +441,10 @@ const we = ({
     },
     handleBlockUser: async () => {
       var S, C, A;
-      if (!(T || !u)) {
+      if (!(T || !m)) {
         l == null || l(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), R(!0);
         try {
-          await u.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), m == null || m();
+          await m.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
         } catch (P) {
           console.error(`[${h}] Failed to block member`, P);
         } finally {
@@ -454,10 +454,10 @@ const we = ({
     },
     handleUnblockUser: async () => {
       var S, C, A;
-      if (!(T || !u)) {
+      if (!(T || !m)) {
         l == null || l(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), R(!0);
         try {
-          await u.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), m == null || m();
+          await m.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
         } catch (P) {
           console.error(`[${h}] Failed to unblock member`, P);
         } finally {
@@ -466,7 +466,7 @@ const we = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(Ea, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(Ea, "_blank", "noopener,noreferrer");
     }
   };
 }, ye = ({
@@ -496,9 +496,9 @@ const we = ({
   onBlockParticipant: o,
   onDeleteConversationClick: l,
   onBlockParticipantClick: d,
-  onReportParticipantClick: m,
+  onReportParticipantClick: u,
   customChannelActions: h,
-  triggerClassName: u
+  triggerClassName: m
 }) => {
   const [g, c] = $(!1), p = j(null), w = nn(), v = Z(() => c(!1), []), {
     isParticipantBlocked: x,
@@ -508,7 +508,7 @@ const we = ({
     handleLeaveConversation: T,
     handleBlockUser: R,
     handleUnblockUser: E,
-    handleReportUser: B
+    handleReportUser: F
   } = Ia({
     channel: e,
     participant: t,
@@ -518,7 +518,7 @@ const we = ({
     onBlockParticipant: o,
     onDeleteConversationClick: l,
     onBlockParticipantClick: d,
-    onReportParticipantClick: m,
+    onReportParticipantClick: u,
     onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
@@ -536,7 +536,7 @@ const we = ({
     /* @__PURE__ */ f(
       "button",
       {
-        className: u,
+        className: m,
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": g,
@@ -600,7 +600,7 @@ const we = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ f(ye, { variant: "danger", onClick: B, children: [
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ f(ye, { variant: "danger", onClick: F, children: [
             /* @__PURE__ */ s(ds, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
@@ -619,9 +619,9 @@ const we = ({
   showDeleteConversation: o = !0,
   showBlockParticipant: l = !0,
   showReportParticipant: d = !0,
-  onDeleteConversationClick: m,
+  onDeleteConversationClick: u,
   onBlockParticipantClick: h,
-  onReportParticipantClick: u,
+  onReportParticipantClick: m,
   customChannelActions: g,
   renderChannelActions: c,
   showChannelInfo: p = !0,
@@ -638,7 +638,7 @@ const we = ({
       );
     },
     [(I = v.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, v.type]
-  ), N = vs(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = ps(v), R = La((S = v.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, E = a && T, B = R || E || !!w, F = async () => {
+  ), N = vs(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = ps(v), R = La((S = v.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, E = a && T, F = R || E || !!w, B = async () => {
     try {
       T ? await v.unpin() : await v.pin();
     } catch (A) {
@@ -664,11 +664,11 @@ const we = ({
       {
         className: k(
           "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95",
-          B ? "pl-3 pr-2" : "px-3"
+          F ? "pl-3 pr-2" : "px-3"
         ),
         children: /* @__PURE__ */ f("span", { className: "flex max-w-full items-center justify-center", children: [
           /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: N }),
-          B && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
+          F && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
             R && /* @__PURE__ */ s(
               "span",
               {
@@ -735,7 +735,7 @@ const we = ({
             "button",
             {
               className: qe,
-              onClick: F,
+              onClick: B,
               type: "button",
               "aria-pressed": T,
               "aria-label": T ? "Unstar conversation" : "Star conversation",
@@ -761,9 +761,9 @@ const we = ({
               showReportParticipant: d,
               onLeaveConversation: r,
               onBlockParticipant: i,
-              onDeleteConversationClick: m,
+              onDeleteConversationClick: u,
               onBlockParticipantClick: h,
-              onReportParticipantClick: u,
+              onReportParticipantClick: m,
               customChannelActions: g,
               triggerClassName: qe
             }
@@ -805,7 +805,7 @@ function ce(e) {
   const a = new URL(t);
   return a.searchParams.get("io") === "true" && a.searchParams.get("size") === qt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", qt), a.toString());
 }
-const Fa = [
+const Ba = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -819,12 +819,12 @@ function de(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function _s(e) {
-  const t = Fa.find(
+  const t = Ba.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ba = {
+const Fa = {
   video: hs,
   audio: Xn,
   image: Wn,
@@ -842,7 +842,7 @@ const Ba = {
 };
 function Ua(e) {
   const t = de(e);
-  return t !== "document" ? Ba[t] : $a[_s(e)];
+  return t !== "document" ? Fa[t] : $a[_s(e)];
 }
 function be(e, t) {
   return z.createElement(Ua(e), t);
@@ -860,10 +860,10 @@ const ja = (e) => {
   controls: o = !0,
   showProgress: l = !1,
   muted: d = !1,
-  onContainerClick: m
+  onContainerClick: u
 }) => {
-  const h = de(t), u = j(null), g = j(null), c = j(null), p = j(r), [w, v] = $(a), [x, b] = $(0), [N, _] = $(!1), [T, R] = $(!1), [E, B] = $(!1), [F, L] = $(!1), [I, M] = $(!0), [S, C] = $(null), A = Z(() => {
-    B(!1), v(!0);
+  const h = de(t), m = j(null), g = j(null), c = j(null), p = j(r), [w, v] = $(a), [x, b] = $(0), [N, _] = $(!1), [T, R] = $(!1), [E, F] = $(!1), [B, L] = $(!1), [I, M] = $(!0), [S, C] = $(null), A = Z(() => {
+    F(!1), v(!0);
   }, []), P = Z((y) => {
     const D = g.current;
     if (!D) return 0;
@@ -873,7 +873,7 @@ const ja = (e) => {
       Math.min(1, (ja(y) - W.left) / W.width)
     );
   }, []), U = Z((y) => {
-    const D = u.current;
+    const D = m.current;
     D && D.duration && (D.currentTime = y * D.duration);
   }, []), H = (y) => {
     y.stopPropagation(), _(!0);
@@ -888,16 +888,16 @@ const ja = (e) => {
       return;
     }
     const y = () => {
-      const D = u.current;
+      const D = m.current;
       D && D.duration && !N && b(D.currentTime / D.duration), c.current = requestAnimationFrame(y);
     };
     return c.current = requestAnimationFrame(y), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
   }, [w, N]), Y(() => {
-    const y = u.current;
+    const y = m.current;
     y && (w ? y.play().catch((D) => {
-      v(!1), B(!0);
+      v(!1), F(!0);
     }) : y.pause());
   }, [w]), Y(() => {
     if (!N) return;
@@ -917,16 +917,16 @@ const ja = (e) => {
       className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
       style: te,
       onClick: (y) => {
-        if (m) {
-          m(y);
+        if (u) {
+          u(y);
           return;
         }
         E || o && v((D) => !D);
       },
       onKeyDown: (y) => {
         if (!(y.key !== "Enter" && y.key !== " ")) {
-          if (y.preventDefault(), m) {
-            m(y);
+          if (y.preventDefault(), u) {
+            u(y);
             return;
           }
           E || o && v((D) => !D);
@@ -948,7 +948,7 @@ const ja = (e) => {
         /* @__PURE__ */ s("div", { className: "absolute inset-0", children: h === "audio" ? /* @__PURE__ */ s(
           "audio",
           {
-            ref: u,
+            ref: m,
             src: e,
             loop: i,
             muted: d,
@@ -958,7 +958,7 @@ const ja = (e) => {
               L(!1), M(!1);
             },
             onWaiting: () => L(!0),
-            onPlay: () => B(!1),
+            onPlay: () => F(!1),
             onEnded: () => {
               i || (v(!1), b(0));
             },
@@ -967,7 +967,7 @@ const ja = (e) => {
         ) : /* @__PURE__ */ s(
           "video",
           {
-            ref: u,
+            ref: m,
             src: e,
             loop: i,
             muted: d,
@@ -978,9 +978,9 @@ const ja = (e) => {
               L(!1), M(!1);
             },
             onWaiting: () => L(!0),
-            onPlay: () => B(!1),
+            onPlay: () => F(!1),
             onLoadedMetadata: () => {
-              const y = u.current;
+              const y = m.current;
               y instanceof HTMLVideoElement && y.videoWidth && y.videoHeight && C(y.videoWidth / y.videoHeight);
             },
             onEnded: () => {
@@ -989,7 +989,7 @@ const ja = (e) => {
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        F && !E && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+        B && !E && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
           pe,
           {
             className: "size-8 animate-spin text-white/80",
@@ -1107,13 +1107,13 @@ const ja = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = de(e), [d, m] = $(!1), h = ce(t), u = ce(n);
+  const l = de(e), [d, u] = $(!1), h = ce(t), m = ce(n);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
     Ha,
     {
       source: t,
       mimeType: e,
-      poster: u,
+      poster: m,
       controls: !0,
       ...i
     }
@@ -1124,7 +1124,7 @@ const ja = (e) => {
       alt: a ?? "",
       className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d ? "opacity-100" : "opacity-0"}`,
       draggable: !1,
-      onLoad: () => m(!0)
+      onLoad: () => u(!0)
     }
   ) }) : /* @__PURE__ */ s(
     "img",
@@ -1137,16 +1137,16 @@ const ja = (e) => {
   ) : t && l === "document" ? n ? o ? /* @__PURE__ */ s("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ s(
     "img",
     {
-      src: u ?? n,
+      src: m ?? n,
       alt: a ?? "",
       className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d ? "opacity-100" : "opacity-0"}`,
       draggable: !1,
-      onLoad: () => m(!0)
+      onLoad: () => u(!0)
     }
   ) }) : /* @__PURE__ */ s(
     "img",
     {
-      src: u ?? n,
+      src: m ?? n,
       alt: "",
       className: "block w-full",
       draggable: !1
@@ -1163,7 +1163,7 @@ const ja = (e) => {
   ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Va(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
-      src: u ?? n,
+      src: m ?? n,
       alt: a ?? "",
       draggable: !1,
       className: "absolute inset-0 h-full w-full object-cover"
@@ -1188,23 +1188,23 @@ const ja = (e) => {
   statusBadge: o,
   action: l,
   topLeft: d,
-  topRight: m,
+  topRight: u,
   rootRef: h,
-  "data-testid": u
+  "data-testid": m
 }) => {
   const g = e === "dark", c = g ? n ?? a : n ?? "", p = g && !n;
   return /* @__PURE__ */ f(
     "div",
     {
       ref: h,
-      "data-testid": u,
+      "data-testid": m,
       className: k(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         g ? "bg-[#1e2330]" : "bg-white"
       ),
       children: [
         d ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
-        m ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: m }) : null,
+        u ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: u }) : null,
         t,
         /* @__PURE__ */ f("div", { className: "px-4 pb-3 pt-3", children: [
           c.trim() !== "" && /* @__PURE__ */ s(
@@ -1266,7 +1266,7 @@ function qa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const ct = ({ attachment: e, isMyMessage: t }) => {
-  const { title: n, 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__ */ f(z.Fragment, { children: [
+  const { title: n, 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__ */ f(z.Fragment, { children: [
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
       {
@@ -1312,9 +1312,9 @@ const ct = ({ attachment: e, isMyMessage: t }) => {
       target: "_blank",
       rel: "noopener noreferrer",
       className: "block no-underline",
-      children: m
+      children: u
     }
-  ) : /* @__PURE__ */ s("div", { className: "block", children: m });
+  ) : /* @__PURE__ */ s("div", { className: "block", children: u });
 };
 function Cs(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
@@ -1369,8 +1369,8 @@ const Za = ({
   );
 };
 function ut(e) {
-  var u, g, c, p;
-  const t = (u = e.attachments) == null ? void 0 : u.find(
+  var m, g, c, p;
+  const t = (m = e.attachments) == null ? void 0 : m.find(
     (w) => w.type === "video" && w.asset_url
   ), n = (g = e.attachments) == null ? void 0 : g.find(
     (w) => w.type === "image" && w.image_url
@@ -1380,12 +1380,12 @@ function ut(e) {
     (w) => w.type === "file" && w.asset_url
   ), i = t ?? n ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (n == null ? void 0 : n.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, m = i == null ? void 0 : i.file_size, h = t == null ? void 0 : t.thumb_url;
+  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, h = t == null ? void 0 : t.thumb_url;
   return {
     resolvedUrl: o,
     resolvedType: l,
     title: d,
-    fileSize: m,
+    fileSize: u,
     thumbnailUrl: h
   };
 }
@@ -1510,7 +1510,7 @@ const Ss = ({
   Visitor: er
 }), Is = je(void 0), tr = (e) => {
   var n;
-  const t = (n = e.metadata) == null ? void 0 : n.broadcast_id;
+  const t = (n = e.metadata) == null ? void 0 : n.outbound_id;
   return typeof t == "string" ? t : void 0;
 }, sr = (e, t) => {
   if (!t || !(e != null && e.length))
@@ -1532,7 +1532,12 @@ const Ss = ({
   if (!e || !t)
     return !1;
   const n = Object.keys(e), a = Object.keys(t);
-  return n.length !== a.length ? !1 : n.every((r) => e[r] === t[r]);
+  return n.length !== a.length ? !1 : n.every(
+    (r) => {
+      var i, o;
+      return e[r].id === ((i = t[r]) == null ? void 0 : i.id) && e[r].name === ((o = t[r]) == null ? void 0 : o.name);
+    }
+  );
 }, ar = (e, t) => {
   const n = sr(e, t), [a, r] = $(n);
   return nr(a, n) ? a : (r(n), n);
@@ -1544,7 +1549,7 @@ const Ss = ({
 function lr(e) {
   return ve(Ts)[e] ?? ir[e];
 }
-const or = z.lazy(() => import("./Card-DaJtDL7m.js")), cr = z.lazy(() => import("./Card-2Ms7lBDO.js")), dr = () => /* @__PURE__ */ s(
+const or = z.lazy(() => import("./Card-DaJtDL7m.js")), cr = z.lazy(() => import("./Card-B3XsV8Td.js")), dr = () => /* @__PURE__ */ s(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
@@ -1573,7 +1578,7 @@ const or = z.lazy(() => import("./Card-DaJtDL7m.js")), cr = z.lazy(() => import(
 }, As = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.PAID;
-}, Fe = (e) => {
+}, Be = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.CHATBOT;
 }, mt = (e) => {
@@ -1595,7 +1600,7 @@ const or = z.lazy(() => import("./Card-DaJtDL7m.js")), cr = z.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var g;
-  const r = Ls(e), i = Fe(e);
+  const r = Ls(e), i = Be(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -1607,17 +1612,17 @@ const or = z.lazy(() => import("./Card-DaJtDL7m.js")), cr = z.lazy(() => import(
       /* @__PURE__ */ s("span", { children: v })
     ] });
   }
-  const o = n && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", m = o ? "justify-end gap-2 text-black/30" : n ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", h = /* @__PURE__ */ s("span", { className: "text-left", children: l }), u = /* @__PURE__ */ s("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ s(ur, { size: o ? 12 : 15 }) });
+  const o = n && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", u = o ? "justify-end gap-2 text-black/30" : n ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", h = /* @__PURE__ */ s("span", { className: "text-left", children: l }), m = /* @__PURE__ */ s("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ s(ur, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ s(
     "div",
     {
-      className: `${d} ${m}`,
+      className: `${d} ${u}`,
       "data-testid": "message-chatbot-indicator",
       children: n && !o ? /* @__PURE__ */ f(J, { children: [
         h,
-        u
+        m
       ] }) : /* @__PURE__ */ f(J, { children: [
-        u,
+        m,
         h
       ] })
     }
@@ -1625,7 +1630,7 @@ const or = z.lazy(() => import("./Card-DaJtDL7m.js")), cr = z.lazy(() => import(
 }, Zt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, pr = {
   me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Be = ({ side: e }) => /* @__PURE__ */ s(
+}, Fe = ({ side: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -1664,45 +1669,40 @@ const or = z.lazy(() => import("./Card-DaJtDL7m.js")), cr = z.lazy(() => import(
   ),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-sending-status", children: "Sending" })
 ] }) : null, vr = ({
-  broadcastId: e,
-  broadcastName: t,
-  resolvedBroadcastName: n,
-  onBroadcastClick: a
+  broadcast: e,
+  onBroadcastClick: t
 }) => {
-  const r = n || t, i = r || "Broadcast", l = /* @__PURE__ */ f(J, { children: [
+  const n = e.name || "Broadcast", r = /* @__PURE__ */ f(J, { children: [
     /* @__PURE__ */ s("span", { className: "sent-message-broadcast-badge", "aria-hidden": "true", children: /* @__PURE__ */ s(la, { weight: "fill" }) }),
     /* @__PURE__ */ s(
       "span",
       {
         className: k("sent-message-broadcast-name", {
-          "underline [text-decoration-skip-ink:auto]": !!a
+          "underline [text-decoration-skip-ink:auto]": !!t
         }),
         "data-testid": "sent-message-broadcast-status",
-        children: i
+        children: n
       }
     )
   ] });
-  return a ? /* @__PURE__ */ s(
+  return t ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
       className: "inline-flex cursor-pointer items-center gap-1 border-0 bg-transparent p-0 text-inherit [font:inherit]",
-      "aria-label": `View broadcast ${i}`,
-      onClick: () => a({
-        id: e,
-        ...r ? { name: r } : {}
-      }),
-      children: l
+      "aria-label": `View broadcast ${n}`,
+      onClick: () => t(e),
+      children: r
     }
-  ) : l;
+  ) : r;
 }, xr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
   /* @__PURE__ */ s(ia, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
 ] }), wr = ({
   onBroadcastClick: e,
-  resolvedBroadcastName: t
+  resolvedBroadcast: t
 }) => {
-  var u, g;
+  var h;
   const { isMyMessage: n, message: a, threadList: r } = he(
     "SentMessageDeliveryStatus"
   ), i = n(), o = ht();
@@ -1712,15 +1712,13 @@ const or = z.lazy(() => import("./Card-DaJtDL7m.js")), cr = z.lazy(() => import(
     return /* @__PURE__ */ s(xr, {});
   if (!i)
     return null;
-  const l = (u = a.metadata) == null ? void 0 : u.broadcast_id, d = (g = a.metadata) == null ? void 0 : g.broadcast_name, m = a.status !== "sending" && a.status !== "failed" && l ? /* @__PURE__ */ s(
+  const l = (h = a.metadata) == null ? void 0 : h.outbound_id, d = a.status !== "sending" && a.status !== "failed" && l && t ? /* @__PURE__ */ s(
     vr,
     {
-      broadcastId: l,
-      broadcastName: d,
-      resolvedBroadcastName: t,
+      broadcast: t,
       onBroadcastClick: e
     }
-  ) : null, h = /* @__PURE__ */ s(
+  ) : null, u = /* @__PURE__ */ s(
     dn,
     {
       MessageSentStatus: Ze,
@@ -1729,11 +1727,11 @@ const or = z.lazy(() => import("./Card-DaJtDL7m.js")), cr = z.lazy(() => import(
       MessageSendingStatus: br
     }
   );
-  return m ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
-    h,
+  return d ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
+    u,
     o && /* @__PURE__ */ s("span", { className: "sent-message-broadcast-separator", "aria-hidden": "true", children: "•" }),
-    m
-  ] }) : h;
+    d
+  ] }) : u;
 }, _r = /^([a-z][a-z0-9+.-]*):/i, yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function ft(e) {
   if (typeof e != "string") return;
@@ -1774,8 +1772,8 @@ const Nr = {
       target: "_blank",
       rel: "noopener noreferrer",
       onClick: (d) => {
-        var m;
-        d.stopPropagation(), (m = t.onClick) == null || m.call(t);
+        var u;
+        d.stopPropagation(), (u = t.onClick) == null || u.call(t);
       },
       className: `${i} no-underline`,
       children: o
@@ -1785,8 +1783,8 @@ const Nr = {
     {
       type: "button",
       onClick: (d) => {
-        var m;
-        d.stopPropagation(), (m = t.onClick) == null || m.call(t);
+        var u;
+        d.stopPropagation(), (u = t.onClick) == null || u.call(t);
       },
       className: i,
       children: o
@@ -1811,12 +1809,12 @@ const Nr = {
   descriptionLines: o = 1,
   url: l,
   appIcon: d,
-  cta: m,
+  cta: u,
   trailingAction: h,
-  isLoading: u = !1
+  isLoading: m = !1
 }) => {
-  const g = e === "dark", c = a ?? (g ? r : void 0) ?? "", p = c.trim() !== "", w = i != null && i.trim() !== "", v = typeof l == "string" ? l.trim() : "", x = v !== "", b = m != null;
-  if (!u && !p && !w && !x && !b)
+  const g = e === "dark", c = a ?? (g ? r : void 0) ?? "", p = c.trim() !== "", w = i != null && i.trim() !== "", v = typeof l == "string" ? l.trim() : "", x = v !== "", b = u != null;
+  if (!m && !p && !w && !x && !b)
     return null;
   const N = g && !a, _ = k(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
@@ -1829,17 +1827,17 @@ const Nr = {
     o <= 1 && "truncate",
     n == null && Jt[e]
   );
-  if (u) {
-    const F = k(
+  if (m) {
+    const B = k(
       "animate-pulse rounded",
       Sr[e]
     );
     return /* @__PURE__ */ s("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
-      /* @__PURE__ */ s("div", { className: k("h-5 w-3/4", F), "aria-hidden": !0 }),
-      /* @__PURE__ */ s("div", { className: k("h-4 w-1/2", F), "aria-hidden": !0 })
+      /* @__PURE__ */ s("div", { className: k("h-5 w-3/4", B), "aria-hidden": !0 }),
+      /* @__PURE__ */ s("div", { className: k("h-4 w-1/2", B), "aria-hidden": !0 })
     ] }) });
   }
-  const E = n ? { color: n } : void 0, B = o > 1 ? {
+  const E = n ? { color: n } : void 0, F = o > 1 ? {
     ...E,
     display: "-webkit-box",
     WebkitBoxOrient: "vertical",
@@ -1860,12 +1858,12 @@ const Nr = {
             }
           )
         ] }),
-        w && /* @__PURE__ */ s("p", { className: R, style: B, children: i }),
+        w && /* @__PURE__ */ s("p", { className: R, style: F, children: i }),
         !b && x && /* @__PURE__ */ s("p", { className: T, style: E, children: v })
       ] }),
       h && /* @__PURE__ */ s("div", { className: "shrink-0", children: h })
     ] }),
-    m && /* @__PURE__ */ s(Rs, { variant: t ?? e, cta: m })
+    u && /* @__PURE__ */ s(Rs, { variant: t ?? e, cta: u })
   ] });
 }, Er = "Loading link preview", Ir = k(
   "relative w-[290px] select-none overflow-hidden",
@@ -1882,14 +1880,14 @@ const Nr = {
   topRight: o,
   bgClassName: l,
   accentHex: d,
-  fixedHeight: m = !1,
+  fixedHeight: u = !1,
   busy: h = !1,
-  "data-testid": u
+  "data-testid": m
 }) => {
   const g = n != null || a != null, c = k(
     "messaging-link-card",
     Ir,
-    m ? Tr : "block",
+    u ? Tr : "block",
     // The plain fallback fill, kept underneath the `--accent` derivation: the
     // `.messaging-link-card[style*='--accent']` rule in `styles.css` outranks
     // this single class, so a published accent paints over it and an unset one
@@ -1920,7 +1918,7 @@ const Nr = {
       target: "_blank",
       rel: "noopener noreferrer",
       onClick: a,
-      "data-testid": u,
+      "data-testid": m,
       "data-variant": e,
       className: c,
       style: w,
@@ -1937,7 +1935,7 @@ const Nr = {
       type: "button",
       onClick: a,
       "aria-label": r,
-      "data-testid": u,
+      "data-testid": m,
       "data-variant": e,
       className: k(c, "text-left"),
       style: w,
@@ -1951,7 +1949,7 @@ const Nr = {
     "div",
     {
       ref: i,
-      "data-testid": u,
+      "data-testid": m,
       "data-variant": e,
       className: c,
       style: w,
@@ -1983,7 +1981,7 @@ const Nr = {
   isLoading: l = !1,
   onImageError: d
 }) => {
-  const m = de(r), h = !!n && m === "video", u = ce(t);
+  const u = de(r), h = !!n && u === "video", m = ce(t);
   return !l && Ie(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
@@ -2025,7 +2023,7 @@ const Nr = {
             "video",
             {
               src: n,
-              poster: u,
+              poster: m,
               controls: !0,
               playsInline: !0,
               preload: "metadata",
@@ -2033,10 +2031,10 @@ const Nr = {
               children: /* @__PURE__ */ s("track", { kind: "captions" })
             }
           ),
-          u && d ? /* @__PURE__ */ s(
+          m && d ? /* @__PURE__ */ s(
             "img",
             {
-              src: u,
+              src: m,
               alt: "",
               "aria-hidden": !0,
               onError: d,
@@ -2046,7 +2044,7 @@ const Nr = {
         ] }) : t ? /* @__PURE__ */ s(
           "img",
           {
-            src: u ?? t,
+            src: m ?? t,
             alt: a ?? "",
             draggable: !1,
             loading: "lazy",
@@ -2094,7 +2092,7 @@ function Ve({
   z.useEffect(() => {
     d(!1);
   }, [r]);
-  const m = z.useCallback(() => {
+  const u = z.useCallback(() => {
     d(!0);
   }, []), h = Ie(i, o), c = a === "featured" && !!r && !h && !l && n === "ready" && t != null && Lr.test(t.trim()) ? Rr(t) : void 0, p = h ? Ms : Dr[e];
   return {
@@ -2103,7 +2101,7 @@ function Ve({
     chinTextColor: p,
     surface: h ? "light" : e,
     isLoading: n === "loading",
-    onImageError: m
+    onImageError: u
   };
 }
 const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Pr = "relative before:absolute before:-inset-[10px] before:content-['']", zr = ({
@@ -2116,9 +2114,9 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   thumbnailUrl: o,
   sourceUrl: l,
   layout: d = "featured",
-  appIcon: m,
+  appIcon: u,
   cta: h,
-  accentColor: u,
+  accentColor: m,
   status: g = "ready",
   onDismiss: c,
   onEditClick: p,
@@ -2126,7 +2124,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
 }) => {
   const v = d === "classic", x = Ie(i, l), b = Ve({
     variant: "dark",
-    accentColor: u,
+    accentColor: m,
     status: g,
     layout: d,
     thumbnailUrl: o,
@@ -2198,7 +2196,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
             description: n,
             descriptionLines: a,
             url: r,
-            appIcon: m,
+            appIcon: u,
             cta: h,
             trailingAction: _,
             isLoading: b.isLoading
@@ -2232,7 +2230,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ s(J, { children: a }), Fr = ({
+) : /* @__PURE__ */ s(J, { children: a }), Br = ({
   title: e,
   description: t,
   descriptionLines: n,
@@ -2242,22 +2240,22 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   sourceUrl: o,
   layout: l = "featured",
   appIcon: d,
-  cta: m,
+  cta: u,
   accentColor: h,
-  status: u = "ready",
+  status: m = "ready",
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  const p = pt(r, o), w = ft(a), v = m == null && w != null && !p ? w : void 0, x = m == null && !p ? g : void 0, b = u !== "loading" && Ie(r, o) ? bt : void 0, N = m && g ? {
-    ...m,
+  const p = pt(r, o), w = ft(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Ie(r, o) ? bt : void 0, N = u && g ? {
+    ...u,
     onClick: () => {
       var T;
-      g(), (T = m.onClick) == null || T.call(m);
+      g(), (T = u.onClick) == null || T.call(u);
     }
-  } : m, _ = Ve({
+  } : u, _ = Ve({
     variant: "light",
     accentColor: h,
-    status: u,
+    status: m,
     layout: l,
     thumbnailUrl: i,
     mimeType: r,
@@ -2314,7 +2312,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, Br = ({
+}, Fr = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -2324,16 +2322,16 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   thumbnailUrl: o,
   sourceUrl: l,
   layout: d = "featured",
-  appIcon: m,
+  appIcon: u,
   cta: h,
-  accentColor: u,
+  accentColor: m,
   status: g = "ready",
   onClick: c,
   groupPosition: p = "single"
 }) => {
   const w = pt(i, l), v = ft(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, N = g !== "loading" && Ie(i, l), _ = Ve({
     variant: "dark",
-    accentColor: u,
+    accentColor: m,
     status: g,
     layout: d,
     thumbnailUrl: o,
@@ -2380,7 +2378,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
                 description: n,
                 descriptionLines: a,
                 url: r,
-                appIcon: m,
+                appIcon: u,
                 cta: h,
                 isLoading: _.isLoading
               }
@@ -2392,8 +2390,8 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   );
 }, rt = {
   Composer: zr,
-  Sent: Br,
-  Received: Fr
+  Sent: Fr,
+  Received: Br
 }, $r = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
@@ -2426,13 +2424,13 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   radiusClassName: o,
   className: l,
   children: d,
-  "data-testid": m
+  "data-testid": u
 }) => {
-  const h = t != null && t !== "", u = o ?? Vr[Hr(e)][a];
+  const h = t != null && t !== "", m = o ?? Vr[Hr(e)][a];
   return /* @__PURE__ */ f(
     "div",
     {
-      "data-testid": m,
+      "data-testid": u,
       "data-group-position": a,
       className: k(
         // Defaults describe a 280px-wide document / audio / link
@@ -2456,7 +2454,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         // plugin — unlike the same-utility `rounded-*` clash above,
         // there is no ambiguity to resolve.
         h && "pb-0",
-        u,
+        m,
         $r[e],
         Ur[e],
         n && "border",
@@ -2538,18 +2536,18 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   preload: l,
   onDismiss: d
 }) => {
-  const m = Le(e), h = e === "composer" && !!d, u = Gr({ src: t, mimeType: n, filename: a, items: r });
-  if (u.length === 0)
+  const u = Le(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: n, filename: a, items: r });
+  if (m.length === 0)
     return null;
-  const g = l ?? (u.length > 1 ? "none" : "metadata");
+  const g = l ?? (m.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ s(
     Te,
     {
-      variant: m,
+      variant: u,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((c, p) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: m.map((c, p) => /* @__PURE__ */ s(
         Yr,
         {
           item: c,
@@ -2631,7 +2629,7 @@ const ti = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = n ?? t ?? "File", m = ei(a, t, r), h = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", u = ei(a, t, r), h = /* @__PURE__ */ s(
     "div",
     {
       className: k(
@@ -2644,16 +2642,16 @@ const ti = {
         weight: "regular"
       })
     }
-  ), u = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
+  ), m = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
     /* @__PURE__ */ s("p", { className: "truncate font-medium leading-snug", children: d }),
-    m ? /* @__PURE__ */ s(
+    u ? /* @__PURE__ */ s(
       "p",
       {
         className: k(
           "truncate text-xs leading-4",
           ti[e]
         ),
-        children: m
+        children: u
       }
     ) : null
   ] }), g = i ? /* @__PURE__ */ f(
@@ -2668,12 +2666,12 @@ const ti = {
       ),
       children: [
         h,
-        u
+        m
       ]
     }
   ) : /* @__PURE__ */ f(J, { children: [
     h,
-    u
+    m
   ] });
   return /* @__PURE__ */ f("div", { className: "flex items-center gap-3 px-3 py-2", children: [
     g,
@@ -2732,10 +2730,10 @@ const ai = ({
   items: o,
   text: l,
   groupPosition: d,
-  onClick: m,
+  onClick: u,
   onDismiss: h
 }) => {
-  const u = Le(e), g = e === "composer" && !!h, c = ai({
+  const m = Le(e), g = e === "composer" && !!h, c = ai({
     src: t,
     filename: n,
     fileSize: a,
@@ -2743,7 +2741,7 @@ const ai = ({
     title: i,
     items: o
   }), p = (v) => {
-    if ((m == null ? void 0 : m(v)) === !1) return;
+    if ((u == null ? void 0 : u(v)) === !1) return;
     const x = c[v];
     if (!x) return;
     const b = x.filename ?? ae(x.src);
@@ -2756,7 +2754,7 @@ const ai = ({
     {
       className: k(
         "flex size-8 items-center justify-center rounded-full",
-        u === "dark" ? "text-white/70" : "text-black/70"
+        m === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
       children: /* @__PURE__ */ s(Ce, { className: "size-5", weight: "bold" })
@@ -2765,14 +2763,14 @@ const ai = ({
   return /* @__PURE__ */ s(
     Te,
     {
-      variant: u,
+      variant: m,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ s(
         ri,
         {
-          variant: u,
+          variant: m,
           item: v,
           index: x,
           onActivate: p,
@@ -2821,7 +2819,7 @@ const ai = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = $(!1), m = Z(
+  const [l, d] = $(!1), u = Z(
     (c) => {
       c.stopPropagation(), !l && (d(!0), Os(e, t).catch(() => {
       }).finally(() => {
@@ -2837,7 +2835,7 @@ const ai = ({
     "button",
     {
       type: "button",
-      onClick: m,
+      onClick: u,
       disabled: l,
       "aria-label": a,
       className: k(
@@ -2867,7 +2865,7 @@ const ai = ({
     "button",
     {
       type: "button",
-      onClick: m,
+      onClick: u,
       disabled: l,
       "aria-label": a,
       className: Ps,
@@ -2877,7 +2875,7 @@ const ai = ({
     "button",
     {
       type: "button",
-      onClick: m,
+      onClick: u,
       disabled: l,
       "aria-label": h ? a : void 0,
       className: k(
@@ -2915,10 +2913,10 @@ const ai = ({
   }, [e]);
   return Y(() => {
     if (!n || e <= 1) return;
-    const d = (m) => {
-      if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
+    const d = (u) => {
+      if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
       const h = document.activeElement;
-      h && (h.tagName === "VIDEO" || h.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? o() : l());
+      h && (h.tagName === "VIDEO" || h.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? o() : l());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [n, e, o, l]), { index: r, prev: o, next: l };
@@ -2934,41 +2932,41 @@ const ai = ({
   const l = j(null), d = j(null);
   return Y(() => {
     var g;
-    const u = l.current;
-    if (u) {
+    const m = l.current;
+    if (m) {
       if (e) {
-        if (!u.open)
-          if (typeof u.showModal == "function")
+        if (!m.open)
+          if (typeof m.showModal == "function")
             try {
-              u.showModal();
+              m.showModal();
             } catch {
-              u.setAttribute("open", "");
+              m.setAttribute("open", "");
             }
           else
-            u.setAttribute("open", "");
+            m.setAttribute("open", "");
         const c = typeof document < "u" ? document.activeElement : null;
         return (g = d.current) == null || g.focus(), () => {
-          if (u.open)
-            if (typeof u.close == "function")
+          if (m.open)
+            if (typeof m.close == "function")
               try {
-                u.close();
+                m.close();
               } catch {
-                u.removeAttribute("open");
+                m.removeAttribute("open");
               }
             else
-              u.removeAttribute("open");
+              m.removeAttribute("open");
           c && document.body.contains(c) && c.focus();
         };
       }
-      if (u.open)
-        if (typeof u.close == "function")
+      if (m.open)
+        if (typeof m.close == "function")
           try {
-            u.close();
+            m.close();
           } catch {
-            u.removeAttribute("open");
+            m.removeAttribute("open");
           }
         else
-          u.removeAttribute("open");
+          m.removeAttribute("open");
     }
   }, [e]), // The native `<dialog>` element ships its own keyboard dismissal
   // (Escape, handled by the platform and surfaced through `onClose`),
@@ -2987,8 +2985,8 @@ const ai = ({
       onClose: () => {
         t();
       },
-      onClick: (u) => {
-        u.target === l.current && t();
+      onClick: (m) => {
+        m.target === l.current && t();
       },
       children: [
         /* @__PURE__ */ f("div", { className: "pointer-events-none absolute inset-x-3 top-3 z-[1] flex items-center justify-between gap-3", children: [
@@ -3012,7 +3010,7 @@ const ai = ({
       ]
     }
   );
-}, Fs = ({
+}, Bs = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -3077,7 +3075,7 @@ const ai = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, mi = "--mes-single-width-cap", hi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", fi = 436, Bs = ({
+}, mi = "--mes-single-width-cap", hi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", fi = 436, Fs = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -3086,33 +3084,33 @@ const ai = ({
 }) => {
   const i = e.length;
   if (i === 0) return null;
-  const o = e.slice(0, Math.min(i, n)), l = i - o.length, d = (h, u, g) => {
+  const o = e.slice(0, Math.min(i, n)), l = i - o.length, d = (h, m, g) => {
     var p;
     const c = k(
       di,
       "h-full w-full",
-      (p = ui[o.length]) == null ? void 0 : p[u]
+      (p = ui[o.length]) == null ? void 0 : p[m]
     );
     return t ? /* @__PURE__ */ f(
       "button",
       {
         type: "button",
-        onClick: () => t(u),
-        "aria-label": h.ariaLabel ?? `Open media ${u + 1}`,
+        onClick: () => t(m),
+        "aria-label": h.ariaLabel ?? `Open media ${m + 1}`,
         className: k(c, "cursor-zoom-in"),
         children: [
           h.content,
           g
         ]
       },
-      u
+      m
     ) : /* @__PURE__ */ f("div", { className: c, children: [
       h.content,
       g
-    ] }, u);
+    ] }, m);
   };
-  let m;
-  return a && (m = {
+  let u;
+  return a && (u = {
     aspectRatio: a,
     // Hundredths keep the emitted declaration readable in devtools;
     // the rounding error is well under a device pixel.
@@ -3126,7 +3124,7 @@ const ai = ({
         a ? hi : "aspect-square w-full",
         r
       ),
-      style: m,
+      style: u,
       children: d(o[0], 0)
     }
   ) : o.length === 2 ? /* @__PURE__ */ s(
@@ -3136,7 +3134,7 @@ const ai = ({
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         r
       ),
-      children: o.map((h, u) => d(h, u))
+      children: o.map((h, m) => d(h, m))
     }
   ) : o.length === 3 ? /* @__PURE__ */ f(
     "div",
@@ -3165,11 +3163,11 @@ const ai = ({
         "grid aspect-[379/286] w-full grid-cols-2 grid-rows-2 gap-0.5",
         r
       ),
-      children: o.map((h, u) => {
-        const g = l > 0 && u === o.length - 1;
+      children: o.map((h, m) => {
+        const g = l > 0 && m === o.length - 1;
         return d(
           h,
-          u,
+          m,
           g ? /* @__PURE__ */ f("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
             l
@@ -3223,7 +3221,7 @@ const ai = ({
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), bi = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Re(r);
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Re(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ s(
       "button",
@@ -3247,12 +3245,12 @@ const ai = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Fs,
+      Bs,
       {
         open: o,
         items: $s([{ src: e, alt: t }], n),
         initialIndex: l,
-        onClose: m
+        onClose: u
       }
     )
   ] });
@@ -3260,9 +3258,9 @@ const ai = ({
   const t = e == null ? void 0 : e.src, [n, a] = z.useState(), r = z.useCallback(
     (d) => {
       if (!d || d.naturalWidth <= 0 || d.naturalHeight <= 0 || t === void 0) return;
-      const m = d.naturalWidth / d.naturalHeight;
+      const u = d.naturalWidth / d.naturalHeight;
       a(
-        (h) => h && h.src === t && h.ratio === m ? h : { src: t, ratio: m }
+        (h) => h && h.src === t && h.ratio === u ? h : { src: t, ratio: u }
       );
     },
     [t]
@@ -3286,14 +3284,14 @@ const ai = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = pi({ src: t, alt: n, items: r }), h = Le(e), { viewerOpen: u, viewerIndex: g, handleActivate: c, closeViewer: p } = Re(d), w = m.length === 1, v = xi(w ? m[0] : void 0);
-  if (m.length === 0)
+  const u = pi({ src: t, alt: n, items: r }), h = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Re(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
+  if (u.length === 0)
     return null;
-  const x = m.map(
+  const x = u.map(
     (b, N) => gi({
       item: b,
       index: N,
-      totalCount: m.length,
+      totalCount: u.length,
       fallbackLoading: l,
       imgRef: w ? v.imgRef : void 0,
       onLoad: w ? v.onLoad : void 0
@@ -3312,7 +3310,7 @@ const ai = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          Bs,
+          Fs,
           {
             tiles: x,
             onTileActivate: c,
@@ -3320,10 +3318,10 @@ const ai = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          Fs,
+          Bs,
           {
-            open: u,
-            items: $s(m, a),
+            open: m,
+            items: $s(u, a),
             initialIndex: g,
             onClose: p
           }
@@ -3348,11 +3346,11 @@ const ai = ({
   }), l = t[r], d = le(
     () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "document"),
     [l]
-  ), m = le(
+  ), u = le(
     () => l ? Ci(l.src) : void 0,
     [l]
   );
-  return !l || !m ? null : /* @__PURE__ */ f(
+  return !l || !u ? null : /* @__PURE__ */ f(
     Nt,
     {
       open: e,
@@ -3364,7 +3362,7 @@ const ai = ({
         /* @__PURE__ */ s(
           "iframe",
           {
-            src: m,
+            src: u,
             title: d,
             className: "block h-[calc(100dvh-128px)] w-[min(96vw,1400px)] border-0 bg-white",
             sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
@@ -3423,12 +3421,12 @@ const ai = ({
   text: o,
   groupPosition: l,
   onClick: d,
-  onDismiss: m
+  onDismiss: u
 }) => {
-  const h = Le(e), u = Si({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Re(d), v = e === "composer" && !!m;
-  if (u.length === 0)
+  const h = Le(e), m = Si({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Re(d), v = e === "composer" && !!u;
+  if (m.length === 0)
     return null;
-  const x = u.map((b) => ({
+  const x = m.map((b) => ({
     src: b.src,
     filename: b.filename ?? ae(b.src)
   }));
@@ -3440,8 +3438,8 @@ const ai = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((b, N) => {
-          const _ = b.filename ?? ae(b.src), T = v && N === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: m.map((b, N) => {
+          const _ = b.filename ?? ae(b.src), T = v && N === 0 ? /* @__PURE__ */ s(Ae, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             zs,
             {
               url: b.src,
@@ -3568,13 +3566,13 @@ const ai = ({
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Oi = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: h } = Re(i);
+  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = Re(i);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        onClick: () => m(0),
+        onClick: () => u(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__ */ s(Hs, { item: { src: e, poster: t, mimeType: n }, index: 0 })
@@ -3601,9 +3599,9 @@ const ai = ({
   text: o,
   groupPosition: l,
   preload: d,
-  onClick: m
+  onClick: u
 }) => {
-  const h = Di({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Re(m);
+  const h = Di({ src: t, poster: n, mimeType: a, preload: d, items: i }), m = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Re(u);
   if (h.length === 0)
     return null;
   const v = h.map(
@@ -3612,12 +3610,12 @@ const ai = ({
   return /* @__PURE__ */ f(
     Te,
     {
-      variant: u,
+      variant: m,
       text: o,
       groupPosition: l,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Bs, { tiles: v, onTileActivate: p }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Fs, { tiles: v, onTileActivate: p }) }),
         /* @__PURE__ */ s(
           js,
           {
@@ -3630,13 +3628,13 @@ const ai = ({
       ]
     }
   );
-}, Pi = (e) => /* @__PURE__ */ s(Oi, { ...e }), zi = (e) => /* @__PURE__ */ s(Gs, { ...e, state: "sent" }), Fi = (e) => /* @__PURE__ */ s(Gs, { ...e, state: "received" }), Bi = {
+}, Pi = (e) => /* @__PURE__ */ s(Oi, { ...e }), zi = (e) => /* @__PURE__ */ s(Gs, { ...e, state: "sent" }), Bi = (e) => /* @__PURE__ */ s(Gs, { ...e, state: "received" }), Fi = {
   Composer: Pi,
   Sent: zi,
-  Received: Fi
+  Received: Bi
 }, Ne = {
   Image: Ni,
-  Video: Bi,
+  Video: Fi,
   Audio: Kr,
   Pdf: Li,
   File: ci
@@ -3842,11 +3840,11 @@ const Wi = ({
   var v;
   const r = Ws(n.attachments);
   if (r.length === 0) return null;
-  const i = ji(r), o = (v = n.text) == null ? void 0 : v.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ss(l.attachments[0] ?? {}).url : void 0, m = o && $i(o, d) ? void 0 : o;
+  const i = ji(r), o = (v = n.text) == null ? void 0 : v.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ss(l.attachments[0] ?? {}).url : void 0, u = o && $i(o, d) ? void 0 : o;
   let h = 0;
-  const u = [], g = m ? "middle" : e, c = e === "single" || e === "end", p = (x, b, N) => {
+  const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, N) => {
     const _ = t ? rt.Sent : rt.Received;
-    u.push(
+    m.push(
       /* @__PURE__ */ s(
         _,
         {
@@ -3862,7 +3860,7 @@ const Wi = ({
       i,
       e
     );
-    h += 1, u.push(
+    h += 1, m.push(
       /* @__PURE__ */ s(
         Yi,
         {
@@ -3900,12 +3898,12 @@ const Wi = ({
           padding: 0
         },
         children: [
-          u,
-          !m && /* @__PURE__ */ s(st, {})
+          m,
+          !u && /* @__PURE__ */ s(st, {})
         ]
       }
     ),
-    m ? /* @__PURE__ */ f(
+    u ? /* @__PURE__ */ f(
       "div",
       {
         className: k("str-chat__message-bubble", {
@@ -3914,13 +3912,13 @@ const Wi = ({
         children: [
           /* @__PURE__ */ s(ze, { message: n, renderText: a }),
           /* @__PURE__ */ s(st, {}),
-          c && /* @__PURE__ */ s(Be, { side: t ? "me" : "other" })
+          c && /* @__PURE__ */ s(Fe, { side: t ? "me" : "other" })
         ]
       }
     ) : null
   ] });
 }, Xi = (e) => {
-  var Lt, Rt, Mt, Dt, Ot, Pt, zt, Ft, Bt, $t;
+  var Lt, Rt, Mt, Dt, Ot, Pt, zt, Bt, Ft, $t;
   const {
     additionalMessageInputProps: t,
     editing: n,
@@ -3930,17 +3928,17 @@ const Wi = ({
     groupedByUser: o,
     handleAction: l,
     handleOpenThread: d,
-    handleRetry: m,
+    handleRetry: u,
     highlighted: h,
-    isMessageAIGenerated: u,
+    isMessageAIGenerated: m,
     isMyMessage: g,
     message: c,
     renderText: p,
     threadList: w,
     viewerLanguage: v,
     onBroadcastClick: x,
-    resolvedBroadcastName: b
-  } = e, { client: N } = He("CustomMessage"), { channel: _ } = xe("CustomMessage"), { isUnlocking: T, onUnlockClick: R, onFetchSource: E, onDownloadClick: B } = lr("LockedAttachment"), [F, L] = $(!1), I = mn(c.id), {
+    resolvedBroadcast: b
+  } = e, { client: N } = He("CustomMessage"), { channel: _ } = xe("CustomMessage"), { isUnlocking: T, onUnlockClick: R, onFetchSource: E, onDownloadClick: F } = lr("LockedAttachment"), [B, L] = $(!1), I = mn(c.id), {
     Attachment: M = hn,
     EditMessageModal: S = fn,
     MessageActions: C,
@@ -3953,11 +3951,11 @@ const Wi = ({
     StreamedMessageText: V = _n,
     PinIndicator: y
   } = cs("CustomMessage"), D = yn(c), W = Nn(c), X = le(
-    () => u == null ? void 0 : u(c),
-    [u, c]
+    () => m == null ? void 0 : m(c),
+    [m, c]
   ), G = le(() => {
     const me = c.attachments ?? [], ge = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!Fe(c)) return ge;
+    if (!Be(c)) return ge;
     const Ut = ge.filter((jt) => !("type" in jt) || !Cs(jt));
     return Ut.length === ge.length ? ge : Ut;
   }, [c]), q = le(
@@ -3978,7 +3976,7 @@ const Wi = ({
     return /* @__PURE__ */ s(A, {});
   const ue = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, Ct = c.status === "failed" && ((Lt = c.error) == null ? void 0 : Lt.status) !== 403, St = Sn(c);
   let fe;
-  Ct ? fe = () => m(c) : St && (fe = () => L(!0));
+  Ct ? fe = () => u(c) : St && (fe = () => L(!0));
   const ee = g(), en = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
@@ -3996,7 +3994,7 @@ const Wi = ({
       "str-chat__virtual-message__wrapper--first": r,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ge = c.poll_id && N.polls.fromState(c.poll_id), Et = gr(c), _e = Fe(c), tn = mt(c), Ye = !!(G != null && G.length && !c.quoted_message), It = _e && ee && Ye, sn = ne && Me && !c.quoted_message && !Ge && !X && !_e, Tt = {
+  ), Ge = c.poll_id && N.polls.fromState(c.poll_id), Et = gr(c), _e = Be(c), tn = mt(c), Ye = !!(G != null && G.length && !c.quoted_message), It = _e && ee && Ye, sn = ne && Me && !c.quoted_message && !Ge && !X && !_e, Tt = {
     contentType: "text",
     amountText: (Mt = c.metadata) == null ? void 0 : Mt.amount_text,
     paymentStatus: (Dt = c.metadata) == null ? void 0 : Dt.payment_status,
@@ -4006,8 +4004,8 @@ const Wi = ({
     title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
     mimeType: (Pt = c.metadata) == null ? void 0 : Pt.attachment_mime_type,
     thumbnailUrl: (zt = c.metadata) == null ? void 0 : zt.attachment_thumbnail,
-    amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
-    detail: (Bt = c.metadata) == null ? void 0 : Bt.attachment_detail,
+    amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
+    detail: (Ft = c.metadata) == null ? void 0 : Ft.attachment_detail,
     paymentStatus: ($t = c.metadata) == null ? void 0 : $t.payment_status,
     onFetchSource: E ? () => E(c, _) : void 0
   };
@@ -4018,12 +4016,12 @@ const Wi = ({
         additionalMessageInputProps: t
       }
     ),
-    F && /* @__PURE__ */ s(
+    B && /* @__PURE__ */ s(
       En,
       {
         MessageBouncePrompt: P,
         onClose: () => L(!1),
-        open: F
+        open: B
       }
     ),
     /* @__PURE__ */ f(
@@ -4093,7 +4091,7 @@ const Wi = ({
                       isMine: !1,
                       isUnlocking: T(c.id),
                       onUnlockClick: () => R ? R(c, _) : void 0,
-                      onDownloadClick: () => B ? B(c, _) : void 0
+                      onDownloadClick: () => F ? F(c, _) : void 0
                     }
                   ),
                   !ee && C && /* @__PURE__ */ s(C, {})
@@ -4112,7 +4110,7 @@ const Wi = ({
                           renderText: p
                         }
                       ),
-                      se && /* @__PURE__ */ s(Be, { side: ee ? "me" : "other" })
+                      se && /* @__PURE__ */ s(Fe, { side: ee ? "me" : "other" })
                     ]
                   }
                 )
@@ -4168,7 +4166,7 @@ const Wi = ({
                       }
                     ),
                     /* @__PURE__ */ s(st, {}),
-                    se && /* @__PURE__ */ s(Be, { side: ee ? "me" : "other" })
+                    se && /* @__PURE__ */ s(Fe, { side: ee ? "me" : "other" })
                   ]
                 }
               ) })
@@ -4186,7 +4184,7 @@ const Wi = ({
             wr,
             {
               onBroadcastClick: x,
-              resolvedBroadcastName: b
+              resolvedBroadcast: b
             }
           ),
           ue && /* @__PURE__ */ s(
@@ -4204,16 +4202,19 @@ const Wi = ({
   ] });
 }, qi = z.memo(
   Xi,
-  (e, t) => e.viewerLanguage !== t.viewerLanguage || e.onBroadcastClick !== t.onBroadcastClick || e.resolvedBroadcastName !== t.resolvedBroadcastName ? !1 : un(e, t)
+  (e, t) => {
+    var n, a, r, i;
+    return e.viewerLanguage !== t.viewerLanguage || e.onBroadcastClick !== t.onBroadcastClick || ((n = e.resolvedBroadcast) == null ? void 0 : n.id) !== ((a = t.resolvedBroadcast) == null ? void 0 : a.id) || ((r = e.resolvedBroadcast) == null ? void 0 : r.name) !== ((i = t.resolvedBroadcast) == null ? void 0 : i.name) ? !1 : un(e, t);
+  }
 ), Ki = (e) => {
   var i;
-  const t = he("CustomMessage"), n = ve(Is), a = (i = t.message.metadata) == null ? void 0 : i.broadcast_id, r = typeof a == "string" ? n == null ? void 0 : n[a] : void 0;
+  const t = he("CustomMessage"), n = ve(Is), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? n == null ? void 0 : n[a] : void 0;
   return /* @__PURE__ */ s(
     qi,
     {
       ...t,
       ...e,
-      resolvedBroadcastName: r
+      resolvedBroadcast: r
     }
   );
 }, Zi = () => {
@@ -4352,11 +4353,11 @@ const Wi = ({
     const l = o.current;
     if (!l)
       return;
-    const d = (m) => {
-      var u;
-      Array.from(((u = m.clipboardData) == null ? void 0 : u.items) ?? []).some(
+    const d = (u) => {
+      var m;
+      Array.from(((m = u.clipboardData) == null ? void 0 : m.items) ?? []).some(
         (g) => g.kind === "file"
-      ) || m.stopPropagation();
+      ) || u.stopPropagation();
     };
     return l.addEventListener("paste", d), () => l.removeEventListener("paste", d);
   }, []), // This card is the composer's ONE scroll container: staged previews and the
@@ -4444,16 +4445,16 @@ const Wi = ({
   composerInput: i
 }) => {
   var h;
-  const { channel: o } = xe(), l = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, m = z.useRef(null);
+  const { channel: o } = xe(), l = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = z.useRef(null);
   return z.useEffect(() => {
     if (!d)
       return;
-    const u = m.current, g = u == null ? void 0 : u.parentElement;
-    if (!u || !g)
+    const m = u.current, g = m == null ? void 0 : m.parentElement;
+    if (!m || !g)
       return;
-    let c = u.offsetHeight;
+    let c = m.offsetHeight;
     const p = () => {
-      const v = u.offsetHeight, x = v > c;
+      const v = m.offsetHeight, x = v > c;
       c = v;
       const b = Array.from(
         g.querySelectorAll(".str-chat__list")
@@ -4466,13 +4467,13 @@ const Wi = ({
     if (p(), typeof ResizeObserver > "u")
       return;
     const w = new ResizeObserver(p);
-    return w.observe(u), () => {
+    return w.observe(m), () => {
       w.disconnect(), g.style.removeProperty("--messaging-composer-height");
     };
   }, [d]), a ? d ? /* @__PURE__ */ f(
     "div",
     {
-      ref: m,
+      ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
         /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
@@ -4497,7 +4498,7 @@ const Wi = ({
   ] }) : d ? /* @__PURE__ */ f(
     "div",
     {
-      ref: m,
+      ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
         /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
@@ -4689,7 +4690,7 @@ const Wi = ({
   }
   if ((n == null ? void 0 : n.typing_events) === !1)
     return null;
-  const m = e ? [] : Object.values(i).filter(
+  const u = e ? [] : Object.values(i).filter(
     ({ parent_id: v, user: x }) => {
       var b;
       return (x == null ? void 0 : x.id) !== ((b = r.user) == null ? void 0 : b.id) && !v;
@@ -4699,10 +4700,10 @@ const Wi = ({
       var b;
       return (x == null ? void 0 : x.id) !== ((b = r.user) == null ? void 0 : b.id) && v === (a == null ? void 0 : a.id);
     }
-  ) : [], u = e ? h : m;
-  if (!u.length)
+  ) : [], m = e ? h : u;
+  if (!m.length)
     return null;
-  const g = (w = u[0]) == null ? void 0 : w.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
+  const g = (w = m[0]) == null ? void 0 : w.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ s(
     is,
     {
@@ -4754,7 +4755,7 @@ const Wi = ({
             ]
           }
         ) }) }),
-        /* @__PURE__ */ s(Be, { side: "other" })
+        /* @__PURE__ */ s(Fe, { side: "other" })
       ] }) }) })
     ] })
   }
@@ -4826,9 +4827,9 @@ const vl = ({
   onBlockParticipant: o,
   showDeleteConversation: l = !0,
   onDeleteConversationClick: d,
-  onBlockParticipantClick: m,
+  onBlockParticipantClick: u,
   onReportParticipantClick: h,
-  showBlockParticipant: u = !0,
+  showBlockParticipant: m = !0,
   showReportParticipant: g = !0,
   composerDisabled: c = !1,
   composerDisabledReason: p,
@@ -4841,8 +4842,8 @@ const vl = ({
   showChannelInfo: T = !0,
   onParticipantNameClick: R,
   onBroadcastClick: E,
-  resolveBroadcastName: B,
-  composerInput: F
+  resolveBroadcast: F,
+  composerInput: B
 }) => {
   const { channel: L, messages: I } = xe(), M = j(E);
   Y(() => {
@@ -4853,7 +4854,7 @@ const vl = ({
     (V = M.current) == null || V.call(M, Q);
   }, []), C = E ? S : void 0, A = ar(
     I,
-    B
+    F
   ), P = L.state.messages.some(
     (Q) => Q.type !== "deleted"
   ), U = v ? /* @__PURE__ */ s(z.Fragment, { children: v() }, "lt-channel-banner") : null, H = /* @__PURE__ */ s(
@@ -4867,10 +4868,10 @@ const vl = ({
       onLeaveConversation: i,
       onBlockParticipant: o,
       showDeleteConversation: l,
-      showBlockParticipant: u,
+      showBlockParticipant: m,
       showReportParticipant: g,
       onDeleteConversationClick: d,
-      onBlockParticipantClick: m,
+      onBlockParticipantClick: u,
       onReportParticipantClick: h,
       customChannelActions: x,
       renderChannelActions: b,
@@ -4891,7 +4892,7 @@ const vl = ({
     [C, N, _]
   );
   return /* @__PURE__ */ s(Is.Provider, { value: A, children: /* @__PURE__ */ s(
-    Bn,
+    Fn,
     {
       overrides: {
         Message: te,
@@ -4899,7 +4900,7 @@ const vl = ({
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ s($n, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ s($n, { children: B ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ f(
           "div",
           {
@@ -4936,7 +4937,7 @@ const vl = ({
             renderFooter: () => a == null ? void 0 : a(L),
             disabled: c,
             disabledReason: p,
-            composerInput: F
+            composerInput: B
           },
           "lt-channel-message-input"
         )
@@ -4975,7 +4976,7 @@ const vl = ({
             renderFooter: () => a == null ? void 0 : a(L),
             disabled: c,
             disabledReason: p,
-            composerInput: F
+            composerInput: B
           },
           "lt-channel-message-input"
         )
@@ -4993,9 +4994,9 @@ const vl = ({
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = pl,
+    CustomChannelEmptyState: u = pl,
     showDeleteConversation: h = !0,
-    onDeleteConversationClick: u,
+    onDeleteConversationClick: m,
     onBlockParticipantClick: g,
     onReportParticipantClick: c,
     showBlockParticipant: p = !0,
@@ -5008,8 +5009,8 @@ const vl = ({
     showStarButton: T = !1,
     renderChannelBanner: R,
     customChannelActions: E,
-    renderChannelActions: B,
-    renderMessage: F,
+    renderChannelActions: F,
+    renderMessage: B,
     onMessageLinkClick: L,
     sendButton: I,
     attachmentPreviewList: M,
@@ -5017,7 +5018,7 @@ const vl = ({
     showChannelInfo: C = !0,
     onParticipantNameClick: A,
     onBroadcastClick: P,
-    resolveBroadcastName: U,
+    resolveBroadcast: U,
     composerInput: H
   }) => {
     const te = Z(
@@ -5060,11 +5061,11 @@ const vl = ({
           d
         ),
         children: /* @__PURE__ */ s(Xs.Provider, { value: b ?? !1, children: /* @__PURE__ */ s(
-          Fn,
+          Bn,
           {
             channel: e,
             MessageSystem: ml,
-            EmptyStateIndicator: m,
+            EmptyStateIndicator: u,
             LoadingIndicator: Ue,
             DateSeparator: Ma,
             TypingIndicator: fl,
@@ -5081,9 +5082,9 @@ const vl = ({
                 renderConversationFooter: i,
                 onLeaveConversation: o,
                 onBlockParticipant: l,
-                CustomChannelEmptyState: m,
+                CustomChannelEmptyState: u,
                 showDeleteConversation: h,
-                onDeleteConversationClick: u,
+                onDeleteConversationClick: m,
                 onBlockParticipantClick: g,
                 onReportParticipantClick: c,
                 showBlockParticipant: p,
@@ -5093,13 +5094,13 @@ const vl = ({
                 showStarButton: T,
                 renderChannelBanner: R,
                 customChannelActions: E,
-                renderChannelActions: B,
-                renderMessage: F,
+                renderChannelActions: F,
+                renderMessage: B,
                 viewerLanguage: S,
                 showChannelInfo: C,
                 onParticipantNameClick: A,
                 onBroadcastClick: P,
-                resolveBroadcastName: U,
+                resolveBroadcast: U,
                 composerInput: H
               }
             )
@@ -5135,16 +5136,16 @@ const ro = ({
   initialParticipantData: o,
   CustomChannelEmptyState: l,
   onBlockParticipantClick: d,
-  onReportParticipantClick: m,
+  onReportParticipantClick: u,
   dmAgentEnabled: h,
-  onMessageSent: u,
+  onMessageSent: m,
   viewerLanguage: g,
   renderChannelBanner: c,
   customChannelActions: p,
   renderChannelActions: w,
   onParticipantNameClick: v,
   onBroadcastClick: x,
-  resolveBroadcastName: b,
+  resolveBroadcast: b,
   renderMessage: N,
   onMessageLinkClick: _,
   showChannelInfo: T,
@@ -5152,8 +5153,8 @@ const ro = ({
 }) => {
   const {
     client: E,
-    isConnected: B,
-    isLoading: F,
+    isConnected: F,
+    isLoading: B,
     error: L,
     refreshConnection: I,
     service: M,
@@ -5166,7 +5167,7 @@ const ro = ({
   Y(() => {
     W.current = C;
   }, [C]), Y(() => {
-    if (!E || !B) return;
+    if (!E || !F) return;
     const q = E.userID;
     if (!q) return;
     const K = `${q}::${i}`;
@@ -5228,14 +5229,14 @@ const ro = ({
         ), ne(), W.current || U("Failed to load conversation");
       }
     })();
-  }, [i, E, B, M, S]);
+  }, [i, E, F, M, S]);
   const X = j(r);
   X.current = r;
   const G = Z(() => {
     var q;
     A(null), te(!0), (q = X.current) == null || q.call(X);
   }, []);
-  return F ? /* @__PURE__ */ s(Ue, {}) : L ? /* @__PURE__ */ s(ke, { message: L, onBack: I }) : !B || !E ? /* @__PURE__ */ s(
+  return B ? /* @__PURE__ */ s(Ue, {}) : L ? /* @__PURE__ */ s(ke, { message: L, onBack: I }) : !F || !E ? /* @__PURE__ */ s(
     ke,
     {
       message: "Not connected to messaging service",
@@ -5253,15 +5254,15 @@ const ro = ({
       CustomChannelEmptyState: l,
       showDeleteConversation: Q,
       onBlockParticipantClick: d,
-      onReportParticipantClick: m,
+      onReportParticipantClick: u,
       dmAgentEnabled: h,
-      onMessageSent: u,
+      onMessageSent: m,
       viewerLanguage: g,
       customChannelActions: p,
       renderChannelActions: w,
       onParticipantNameClick: v,
       onBroadcastClick: x,
-      resolveBroadcastName: b,
+      resolveBroadcast: b,
       renderMessage: N,
       onMessageLinkClick: _,
       showChannelInfo: T,
@@ -5306,7 +5307,7 @@ const Ks = z.createContext({
   });
 }, Zs = z.memo(
   (e) => {
-    var B, F, L;
+    var F, B, L;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -5314,7 +5315,7 @@ const Ks = z.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = _l(), { client: m } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), u = ps(t);
+    } = _l(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = ps(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -5332,10 +5333,10 @@ const Ks = z.createContext({
       const M = I.key === "Enter" || I.key === " ", S = I.repeat;
       !M || S || (I.preventDefault(), g());
     }, p = bs(
-      (B = t == null ? void 0 : t.state) == null ? void 0 : B.members,
-      m == null ? void 0 : m.userID,
+      (F = t == null ? void 0 : t.state) == null ? void 0 : F.members,
+      u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = vs(p == null ? void 0 : p.user), v = (F = p == null ? void 0 : p.user) == null ? void 0 : F.image, x = (() => {
+    ), w = vs(p == null ? void 0 : p.user), v = (B = p == null ? void 0 : p.user) == null ? void 0 : B.image, x = (() => {
       var M;
       const I = (M = t == null ? void 0 : t.state) == null ? void 0 : M.messages;
       if (I != null && I.length) {
@@ -5361,7 +5362,7 @@ const Ks = z.createContext({
       if (I) return I;
       const C = (A = x == null ? void 0 : x.attachments) == null ? void 0 : A[0];
       return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = x != null && x.created_at ? Nl(new Date(x.created_at)) : "", T = x ? Fe(x) : !1, R = l ? l(x, N) : `${T ? "✨ " : ""}${N}`, E = n ?? 0;
+    })(), _ = x != null && x.created_at ? Nl(new Date(x.created_at)) : "", T = x ? Be(x) : !1, R = l ? l(x, N) : `${T ? "✨ " : ""}${N}`, E = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
@@ -5391,7 +5392,7 @@ const Ks = z.createContext({
               name: w,
               image: v,
               size: 48,
-              starred: u
+              starred: m
             }
           ),
           /* @__PURE__ */ f("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -5403,7 +5404,7 @@ const Ks = z.createContext({
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    u && /* @__PURE__ */ s("span", { className: "sr-only", children: "Starred conversation. " }),
+                    m && /* @__PURE__ */ s("span", { className: "sr-only", children: "Starred conversation. " }),
                     w
                   ]
                 }
@@ -5432,9 +5433,9 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
     className: o,
     customEmptyStateIndicator: l,
     channelListPaginator: d = jn,
-    channelPreview: m,
+    channelPreview: u,
     renderMessagePreview: h,
-    viewerLanguage: u,
+    viewerLanguage: m,
     lockChannelOrder: g,
     onMessageNewHandler: c,
     onMessageNew: p,
@@ -5462,17 +5463,17 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
         selectedChannel: t,
         onChannelSelect: e,
         debug: N,
-        channelPreview: m,
+        channelPreview: u,
         renderMessagePreview: h,
-        viewerLanguage: u
+        viewerLanguage: m
       }),
       [
         t,
         e,
         N,
-        m,
+        u,
         h,
-        u
+        m
       ]
     );
     return /* @__PURE__ */ s(
@@ -5543,15 +5544,15 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", E
   actions: o
 }) => {
   var p;
-  const l = n != null && n.trim() !== "", d = a != null && a.trim() !== "", m = o != null && o.length > 0;
-  if (!l && !d && !m) return null;
-  const h = { color: t }, u = r > 1 ? {
+  const l = n != null && n.trim() !== "", d = a != null && a.trim() !== "", u = o != null && o.length > 0;
+  if (!l && !d && !u) return null;
+  const h = { color: t }, m = r > 1 ? {
     ...h,
     display: "-webkit-box",
     WebkitBoxOrient: "vertical",
     WebkitLineClamp: r,
     overflow: "hidden"
-  } : h, g = m && (((p = o == null ? void 0 : o[0]) == null ? void 0 : p.variant) ?? "primary") === "secondary", c = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
+  } : h, g = u && (((p = o == null ? void 0 : o[0]) == null ? void 0 : p.variant) ?? "primary") === "secondary", c = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
     l && /* @__PURE__ */ f("div", { className: "flex min-w-0 items-center gap-2", children: [
       i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
       /* @__PURE__ */ s(
@@ -5570,7 +5571,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", E
           El,
           r <= 1 && "truncate"
         ),
-        style: u,
+        style: m,
         children: a
       }
     )
@@ -5612,7 +5613,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", E
   const [n, a] = z.useState({}), r = t.join(`
 `), [i, o] = z.useState(r);
   r !== i && (o(r), a({}));
-  const l = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !n[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, m = Al[d], h = Ll[d], u = Rl[d], g = Ml[d];
+  const l = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !n[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, u = Al[d], h = Ll[d], m = Rl[d], g = Ml[d];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -5631,8 +5632,8 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", E
           onError: () => a((v) => ({ ...v, [p]: !0 })),
           className: "absolute left-1/2 top-1/2 h-[74%] w-[66%] rounded-[12px] object-cover shadow-lg",
           style: {
-            transform: `translate(-50%, -50%) translateX(${h[w]}px) rotate(${m[w]}deg) scale(${g[w]})`,
-            zIndex: u[w]
+            transform: `translate(-50%, -50%) translateX(${h[w]}px) rotate(${u[w]}deg) scale(${g[w]})`,
+            zIndex: m[w]
           }
         },
         `${c}-${p}`
@@ -5670,17 +5671,17 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", E
   actions: o,
   appIcon: l,
   accentColor: d,
-  groupPosition: m = "single"
+  groupPosition: u = "single"
 }) => {
   const h = va({
     imagePresentation: i,
     images: r
-  }), u = r.length > 0, g = u && h === "hero", c = Ve({
+  }), m = r.length > 0, g = m && h === "hero", c = Ve({
     variant: e,
     accentColor: d,
     layout: "featured",
     thumbnailUrl: g ? r[0] : void 0
-  }), p = m === "single" || m === "end";
+  }), p = u === "single" || u === "end";
   return /* @__PURE__ */ s(
     vt,
     {
@@ -5694,7 +5695,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", E
           accentHex: c.accentHex,
           "data-testid": "rich-card",
           children: [
-            u && /* @__PURE__ */ s(
+            m && /* @__PURE__ */ s(
               Pl,
               {
                 variant: e,
@@ -5722,10 +5723,10 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", E
       )
     }
   );
-}, zl = (e) => /* @__PURE__ */ s(Js, { ...e, variant: "dark" }), Fl = (e) => /* @__PURE__ */ s(Js, { ...e, variant: "light" }), io = {
+}, zl = (e) => /* @__PURE__ */ s(Js, { ...e, variant: "dark" }), Bl = (e) => /* @__PURE__ */ s(Js, { ...e, variant: "light" }), io = {
   Sent: zl,
-  Received: Fl
-}, os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, Bl = {
+  Received: Bl
+}, os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, Fl = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
 }, $l = ({ variant: e }) => /* @__PURE__ */ s(
@@ -5738,7 +5739,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", E
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: Bl[e],
+      backgroundColor: Fl[e],
       WebkitMask: os,
       mask: os
     }
@@ -5897,4 +5898,4 @@ export {
   dt as y,
   ut as z
 };
-//# sourceMappingURL=index-i03XGFsr.js.map
+//# sourceMappingURL=index-NfAAanC-.js.map