@linktr.ee/messaging-react 1.25.0 → 1.25.1

package/dist/index.js

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as i, Fragment as me } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as ce } from "react/jsx-runtime";
 import R from "classnames";
-import B, { createContext as lt, useContext as it, useCallback as P, useState as T, useRef as Q, useEffect as X, useMemo as _e } from "react";
-import { StreamChatService as ct } from "@linktr.ee/messaging-core";
-import { Chat as dt, ChannelList as ut, DateSeparator as mt, useChannelStateContext as Me, useChatContext as $e, areMessageUIPropsEqual as ht, useMessageReminder as ft, useComponentContext as gt, Attachment as xt, EditMessageModal as bt, MessageBlocked as Ct, MessageBouncePrompt as Nt, MessageDeleted as vt, MessageIsThreadReplyInChannelButtonIndicator as wt, MessageRepliesCountButton as pt, ReminderNotification as yt, StreamedMessageText as _t, messageHasAttachments as Et, messageHasReactions as St, isDateSeparatorMessage as It, isMessageBlocked as Mt, isMessageBounced as kt, MessageBounceModal as Tt, Poll as Dt, MessageText as Rt, MessageErrorIcon as Lt, useMessageContext as je, useMessageComposer as Pt, useStateStore as Ut, MessageInput as Ot, useMessageInputContext as Ft, useMessageComposerHasSendableData as At, SimpleAttachmentSelector as Bt, QuotedMessagePreview as $t, AttachmentPreviewList as jt, TextareaComposer as Gt, MessageTimestamp as Re, Channel as zt, WithComponents as Vt, Window as Ht, MessageList as Wt } from "stream-chat-react";
-import { StarIcon as Ee, GiftIcon as qt, XIcon as ke, SpinnerGapIcon as be, SignOutIcon as Yt, ProhibitInsetIcon as Le, FlagIcon as Zt, ArrowUpIcon as Jt, SparkleIcon as Qt, ArrowLeftIcon as Pe, DotsThreeIcon as Ue, MagnifyingGlassIcon as Xt, ChatCircleDotsIcon as Oe } from "@phosphor-icons/react";
-import { LinkPreviewsManager as Fe } from "stream-chat";
-const Ge = lt({
+import B, { createContext as it, useContext as ct, useCallback as A, useState as T, useRef as X, useEffect as K, useMemo as Se } from "react";
+import { StreamChatService as dt } from "@linktr.ee/messaging-core";
+import { Chat as mt, ChannelList as ut, DateSeparator as ht, useChannelStateContext as Te, useChatContext as $e, areMessageUIPropsEqual as ft, useMessageReminder as gt, useComponentContext as xt, Attachment as bt, EditMessageModal as Ct, MessageBlocked as Nt, MessageBouncePrompt as vt, MessageDeleted as pt, MessageIsThreadReplyInChannelButtonIndicator as yt, MessageRepliesCountButton as wt, ReminderNotification as _t, StreamedMessageText as Et, messageHasAttachments as St, messageHasReactions as It, isDateSeparatorMessage as Mt, isMessageBlocked as kt, isMessageBounced as Tt, MessageBounceModal as Dt, Poll as Rt, MessageText as Lt, MessageErrorIcon as At, useMessageContext as je, useMessageComposer as Pt, useStateStore as Ft, MessageInput as Ot, useMessageInputContext as Ut, useMessageComposerHasSendableData as Bt, SimpleAttachmentSelector as Gt, QuotedMessagePreview as $t, AttachmentPreviewList as jt, TextareaComposer as zt, MessageTimestamp as we, Channel as Ht, WithComponents as Vt, Window as Yt, MessageList as Wt } from "stream-chat-react";
+import { StarIcon as Ie, GiftIcon as qt, XIcon as De, SpinnerGapIcon as be, SignOutIcon as Zt, ProhibitInsetIcon as Ae, FlagIcon as Jt, ArrowUpIcon as Xt, SparkleIcon as Kt, ProhibitIcon as Qt, ArrowLeftIcon as Pe, DotsThreeIcon as Fe, MagnifyingGlassIcon as es, ChatCircleDotsIcon as Oe } from "@phosphor-icons/react";
+import { LinkPreviewsManager as Ue } from "stream-chat";
+const ze = it({
   service: null,
   client: null,
   isConnected: !1,
@@ -15,19 +15,19 @@ const Ge = lt({
   refreshConnection: async () => {
   },
   debug: !1
-}), ve = () => it(Ge), Hs = ({
+}), ve = () => ct(ze), Ks = ({
   children: t,
   user: s,
   serviceConfig: n,
   apiKey: o,
   capabilities: l = {},
-  debug: m = !1
+  debug: d = !1
 }) => {
-  const a = P(
+  const a = A(
     (u, ...N) => {
-      m && console.log(`🔥 [MessagingProvider] ${u}`, ...N);
+      d && console.log(`🔥 [MessagingProvider] ${u}`, ...N);
     },
-    [m]
+    [d]
   );
   a("🔄 RENDER START", {
     userId: s == null ? void 0 : s.id,
@@ -35,14 +35,14 @@ const Ge = lt({
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [c, g] = T(null), [h, b] = T(null), [x, w] = T(!1), [r, y] = T(!1), [_, C] = T(null), M = Q(!1), E = Q({
+  const [c, g] = T(null), [h, b] = T(null), [x, p] = T(!1), [r, w] = T(!1), [_, C] = T(null), M = X(!1), E = X({
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
     capabilities: l
-  }), p = Q(0);
-  p.current++, a("📊 RENDER INFO", {
-    renderCount: p.current,
+  }), y = X(0);
+  y.current++, a("📊 RENDER INFO", {
+    renderCount: y.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (o == null ? void 0 : o.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: E.current.userId !== (s == null ? void 0 : s.id),
@@ -55,8 +55,8 @@ const Ge = lt({
     apiKey: o,
     serviceConfig: n,
     capabilities: l
-  }, X(() => {
-    const u = p.current;
+  }, K(() => {
+    const u = y.current;
     if (a("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: u,
       apiKey: !!o,
@@ -79,10 +79,10 @@ const Ge = lt({
       apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
       serviceConfigChanged: E.current.serviceConfig !== n
     });
-    const N = new ct({
+    const N = new dt({
       ...n,
       apiKey: o,
-      debug: m
+      debug: d
     });
     return g(N), a("✅ SERVICE SET", {
       renderCount: u,
@@ -93,9 +93,9 @@ const Ge = lt({
         reason: "Effect cleanup"
       }), N.disconnectUser().catch(console.error);
     };
-  }, [o, n, m, a]);
-  const S = Q(null);
-  X(() => {
+  }, [o, n, d, a]);
+  const S = X(null);
+  K(() => {
     var N, v;
     if (a("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
@@ -120,11 +120,11 @@ const Ge = lt({
       return;
     }
     (async () => {
-      a("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, y(!0), C(null);
+      a("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, w(!0), C(null);
       try {
         a("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
         const f = await c.connectUser(s);
-        b(f), w(!0), S.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
+        b(f), p(!0), S.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
           clientId: f.userID
         });
@@ -135,13 +135,13 @@ const Ge = lt({
           error: k
         });
       } finally {
-        y(!1), M.current = !1, a("🔄 USER CONNECTION FINISHED", {
+        w(!1), M.current = !1, a("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
           isConnected: x
         });
       }
     })();
-  }, [c, s, a, x]), X(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, a, x]), K(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
     isConnected: x
   }), () => {
@@ -153,7 +153,7 @@ const Ge = lt({
       isConnected: x
     });
   }), [c, x, a]);
-  const L = P(async () => {
+  const L = A(async () => {
     if (a("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
       hasUser: !!s
@@ -161,11 +161,11 @@ const Ge = lt({
       a("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), y(!0);
+    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), w(!0);
     try {
       a("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), a("📞 RECONNECTING FOR REFRESH");
       const u = await c.connectUser(s);
-      b(u), w(!0), C(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+      b(u), p(!0), C(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
     } catch (u) {
       const N = u instanceof Error ? u.message : "Refresh failed";
       C(N), a("❌ CONNECTION REFRESH ERROR", {
@@ -173,9 +173,9 @@ const Ge = lt({
         error: N
       });
     } finally {
-      y(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      w(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [c, s, a]), d = B.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [c, s, a]), m = B.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
     hasClient: !!h,
     isConnected: x,
@@ -190,7 +190,7 @@ const Ge = lt({
     error: _,
     capabilities: l,
     refreshConnection: L,
-    debug: m
+    debug: d
   }), [
     c,
     h,
@@ -199,15 +199,15 @@ const Ge = lt({
     _,
     l,
     L,
-    m,
+    d,
     a
   ]);
   return a("🔄 RENDER END", {
-    renderCount: p.current,
+    renderCount: y.current,
     willRenderChat: !!(h && x),
-    contextValueReady: !!d
-  }), /* @__PURE__ */ e(Ge.Provider, { value: d, children: h && x ? /* @__PURE__ */ e(
-    dt,
+    contextValueReady: !!m
+  }), /* @__PURE__ */ e(ze.Provider, { value: m, children: h && x ? /* @__PURE__ */ e(
+    mt,
     {
       client: h,
       customClasses: {
@@ -216,46 +216,46 @@ const Ge = lt({
       children: t
     }
   ) : t });
-}, Kt = () => ve(), ze = B.createContext({
+}, ts = () => ve(), He = B.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0
-}), es = ze.Provider, ts = () => B.useContext(ze), Ve = (t) => {
+}), ss = He.Provider, ns = () => B.useContext(He), Ve = (t) => {
   var o, l;
   const [s, n] = T(
     !!((l = (o = t == null ? void 0 : t.state) == null ? void 0 : o.membership) != null && l.pinned_at)
   );
-  return X(() => {
+  return K(() => {
     var a;
     if (!t) {
       n(!1);
       return;
     }
     n(!!((a = t.state.membership) != null && a.pinned_at));
-    const m = (c) => {
+    const d = (c) => {
       var g;
       n(
         c != null && c.member ? !!c.member.pinned_at : !!((g = t.state.membership) != null && g.pinned_at)
       );
     };
-    return t.on("member.updated", m), () => {
-      t.off("member.updated", m);
+    return t.on("member.updated", d), () => {
+      t.off("member.updated", d);
     };
   }, [t]), s;
-}, ss = (t, s) => {
+}, as = (t, s) => {
   const n = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ), l = new Date(
     Date.UTC(s.getUTCFullYear(), s.getUTCMonth(), s.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(l / (1e3 * 60 * 60 * 24));
-}, ns = (t) => {
+}, rs = (t) => {
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const o = ss(t, s);
+  const o = as(t, s);
   return o === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -265,7 +265,7 @@ const Ge = lt({
     day: "numeric",
     year: "2-digit"
   });
-}, Ae = [
+}, Be = [
   "🍎",
   // Apple
   "🍌",
@@ -293,7 +293,7 @@ const Ge = lt({
   "🍈"
   // Melon
 ];
-function as(t) {
+function os(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
     const o = t.charCodeAt(n);
@@ -301,9 +301,9 @@ function as(t) {
   }
   return Math.abs(s);
 }
-function rs(t) {
-  const n = as(t) % Ae.length;
-  return Ae[n];
+function ls(t) {
+  const n = os(t) % Be.length;
+  return Be[n];
 }
 const se = ({
   id: t,
@@ -311,9 +311,9 @@ const se = ({
   size: n = 40,
   className: o,
   starred: l = !1,
-  shape: m = "squircle"
+  shape: d = "squircle"
 }) => {
-  const a = rs(t), g = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", h = m === "circle" ? { borderRadius: "50%" } : {
+  const a = ls(t), g = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", h = d === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
@@ -331,7 +331,7 @@ const se = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ e(Ee, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ e(Ie, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ e("div", { className: "h-full w-full overflow-hidden", style: h, children: s ? /* @__PURE__ */ e(
@@ -355,7 +355,7 @@ const se = ({
       ]
     }
   );
-}, os = ({ size: t = 15 }) => /* @__PURE__ */ e(
+}, is = ({ size: t = 15 }) => /* @__PURE__ */ e(
   "svg",
   {
     width: t,
@@ -372,53 +372,53 @@ const se = ({
       }
     )
   }
-), ls = (t) => {
+), cs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_TIP";
-}, is = (t) => {
+}, ds = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_PAID";
-}, Te = (t) => {
+}, Re = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_CHATBOT";
-}, He = (t) => ls(t) || is(t), cs = (t) => {
+}, Ye = (t) => cs(t) || ds(t), ms = (t) => {
   var s;
-  return He(t) && !((s = t.text) != null && s.trim());
-}, ye = ({
+  return Ye(t) && !((s = t.text) != null && s.trim());
+}, _e = ({
   message: t,
   standalone: s = !1,
   isMyMessage: n = !1,
   hasAttachment: o = !1
 }) => {
   var x;
-  const l = He(t), m = Te(t);
-  if (!l && !m)
+  const l = Ye(t), d = Re(t);
+  if (!l && !d)
     return null;
   if (l) {
-    const w = (x = t.metadata) == null ? void 0 : x.amount_text;
-    if (!w) return null;
-    const r = s ? "message-tip-standalone" : "message-tag message-tag--tip", y = s ? `${w} tip` : `Delivered with ${w} tip`;
+    const p = (x = t.metadata) == null ? void 0 : x.amount_text;
+    if (!p) return null;
+    const r = s ? "message-tip-standalone" : "message-tag message-tag--tip", w = s ? `${p} tip` : `Delivered with ${p} tip`;
     return /* @__PURE__ */ i("div", { className: r, children: [
       /* @__PURE__ */ e(qt, { size: s ? 14 : 12 }),
-      /* @__PURE__ */ e("span", { children: y })
+      /* @__PURE__ */ e("span", { children: w })
     ] });
   }
   const a = n && o, c = a ? "Sent with AI" : "Sent with DM Agent", g = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     a ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), h = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), b = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(os, { size: a ? 12 : 15 }) });
-  return /* @__PURE__ */ e("div", { className: g, "data-testid": "message-chatbot-indicator", children: n && !a ? /* @__PURE__ */ i(me, { children: [
+  ].join(" "), h = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), b = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(is, { size: a ? 12 : 15 }) });
+  return /* @__PURE__ */ e("div", { className: g, "data-testid": "message-chatbot-indicator", children: n && !a ? /* @__PURE__ */ i(ce, { children: [
     h,
     b
-  ] }) : /* @__PURE__ */ i(me, { children: [
+  ] }) : /* @__PURE__ */ i(ce, { children: [
     b,
     h
   ] }) });
 }, We = B.memo(
   ({ channel: t, unread: s }) => {
-    var L, d, u, N;
-    const { selectedChannel: n, onChannelSelect: o, debug: l, renderMessagePreview: m } = ts(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
+    var L, m, u, N;
+    const { selectedChannel: n, onChannelSelect: o, debug: l, renderMessagePreview: d } = ns(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
       t && o(t);
     }, g = (v) => {
       const f = v.key === "Enter" || v.key === " ", k = v.repeat;
@@ -428,7 +428,7 @@ const se = ({
         var f, k;
         return ((f = v.user) == null ? void 0 : f.id) && v.user.id !== ((k = t == null ? void 0 : t._client) == null ? void 0 : k.userID);
       }
-    ), x = ((d = b == null ? void 0 : b.user) == null ? void 0 : d.name) || "Conversation", w = (u = b == null ? void 0 : b.user) == null ? void 0 : u.image, r = (() => {
+    ), x = ((m = b == null ? void 0 : b.user) == null ? void 0 : m.name) || "Conversation", p = (u = b == null ? void 0 : b.user) == null ? void 0 : u.image, r = (() => {
       var f;
       const v = (f = t == null ? void 0 : t.state) == null ? void 0 : f.messages;
       if (v != null && v.length) {
@@ -436,12 +436,12 @@ const se = ({
           if (v[k].type !== "system") return v[k];
       }
     })(), _ = (() => {
-      var k, H;
+      var k, V;
       if (r != null && r.text) return r.text;
       if (((k = r == null ? void 0 : r.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
-      const f = (H = r == null ? void 0 : r.attachments) == null ? void 0 : H[0];
+      const f = (V = r == null ? void 0 : r.attachments) == null ? void 0 : V[0];
       return f ? f.og_scrape_url ? f.og_scrape_url : f.type === "image" ? "📷 Sent an image" : f.type === "video" ? "🎥 Sent a video" : f.type === "audio" ? "🎵 Sent audio" : f.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), C = r != null && r.created_at ? ns(new Date(r.created_at)) : "", M = r ? Te(r) : !1, E = m ? m(r, _) : `${M ? "✨ " : ""}${_}`, p = Ve(t), S = s ?? 0;
+    })(), C = r != null && r.created_at ? rs(new Date(r.created_at)) : "", M = r ? Re(r) : !1, E = d ? d(r, _) : `${M ? "✨ " : ""}${_}`, y = Ve(t), S = s ?? 0;
     return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: a,
@@ -468,9 +468,9 @@ const se = ({
             {
               id: ((N = b == null ? void 0 : b.user) == null ? void 0 : N.id) || t.id || "unknown",
               name: x,
-              image: w,
+              image: p,
               size: 44,
-              starred: p,
+              starred: y,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -484,7 +484,7 @@ const se = ({
                     a ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    p && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
+                    y && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
                     x
                   ]
                 }
@@ -502,15 +502,15 @@ const se = ({
   }
 );
 We.displayName = "CustomChannelPreview";
-const ds = { last_message_at: -1 }, qe = B.memo(
+const us = { last_message_at: -1 }, qe = B.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: o = !1,
     onMessageNew: l,
-    onAddedToChannel: m,
-    sort: a = ds,
+    onAddedToChannel: d,
+    sort: a = us,
     className: c,
     customEmptyStateIndicator: g,
     renderMessagePreview: h
@@ -523,7 +523,7 @@ const ds = { last_message_at: -1 }, qe = B.memo(
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const w = B.useMemo(
+    const p = B.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
@@ -539,7 +539,7 @@ const ds = { last_message_at: -1 }, qe = B.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           c
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(es, { value: w, children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(ss, { value: p, children: /* @__PURE__ */ e(
           ut,
           {
             filters: n,
@@ -547,7 +547,7 @@ const ds = { last_message_at: -1 }, qe = B.memo(
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: o,
             onMessageNew: l,
-            onAddedToChannel: m,
+            onAddedToChannel: d,
             Preview: We,
             EmptyStateIndicator: g
           },
@@ -576,7 +576,7 @@ const xe = ({
     children: n
   }
 );
-function Ye({ label: t, className: s, children: n, ...o }) {
+function Ze({ label: t, className: s, children: n, ...o }) {
   return /* @__PURE__ */ i(
     "button",
     {
@@ -597,65 +597,65 @@ function Ye({ label: t, className: s, children: n, ...o }) {
     }
   );
 }
-function Ze({ onClick: t }) {
-  return /* @__PURE__ */ e(Ye, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(ke, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+function Je({ onClick: t }) {
+  return /* @__PURE__ */ e(Ze, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(De, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const us = ({
+const hs = ({
   dialogRef: t,
   onClose: s,
   participant: n,
   channel: o,
   followerStatusLabel: l,
-  onLeaveConversation: m,
+  onLeaveConversation: d,
   onBlockParticipant: a,
   showDeleteConversation: c = !0,
   onDeleteConversationClick: g,
   onBlockParticipantClick: h,
   onReportParticipantClick: b,
   customProfileContent: x,
-  customChannelActions: w
+  customChannelActions: p
 }) => {
-  var W, j, ne, ae, G, K, re;
-  const { service: r, debug: y } = ve(), [_, C] = T(!1), [M, E] = T(!1), [p, S] = T(!1), L = P(async () => {
-    var U;
-    if (!(!r || !((U = n == null ? void 0 : n.user) != null && U.id)))
+  var Y, $, ne, ae, j, Q, re;
+  const { service: r, debug: w } = ve(), [_, C] = T(!1), [M, E] = T(!1), [y, S] = T(!1), L = A(async () => {
+    var P;
+    if (!(!r || !((P = n == null ? void 0 : n.user) != null && P.id)))
       try {
-        const A = (await r.getBlockedUsers()).some(
+        const U = (await r.getBlockedUsers()).some(
           (z) => {
-            var ce;
-            return z.blocked_user_id === ((ce = n == null ? void 0 : n.user) == null ? void 0 : ce.id);
+            var de;
+            return z.blocked_user_id === ((de = n == null ? void 0 : n.user) == null ? void 0 : de.id);
           }
         );
-        C(A);
-      } catch (O) {
+        C(U);
+      } catch (F) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          O
+          F
         );
       }
-  }, [r, (W = n == null ? void 0 : n.user) == null ? void 0 : W.id]);
-  X(() => {
+  }, [r, (Y = n == null ? void 0 : n.user) == null ? void 0 : Y.id]);
+  K(() => {
     L();
   }, [L]);
-  const d = async () => {
-    var U;
+  const m = async () => {
+    var P;
     if (!M) {
-      g == null || g(), y && console.log("[ChannelInfoDialog] Leave conversation", o.cid), E(!0);
+      g == null || g(), w && console.log("[ChannelInfoDialog] Leave conversation", o.cid), E(!0);
       try {
-        const O = ((U = o._client) == null ? void 0 : U.userID) ?? null;
-        await o.hide(O, !1), m && await m(o), s();
-      } catch (O) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", O);
+        const F = ((P = o._client) == null ? void 0 : P.userID) ?? null;
+        await o.hide(F, !1), d && await d(o), s();
+      } catch (F) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", F);
       } finally {
         E(!1);
       }
     }
   }, u = async () => {
-    var U, O, A;
-    if (!(p || !r)) {
-      h == null || h(), y && console.log("[ChannelInfoDialog] Block member", (U = n == null ? void 0 : n.user) == null ? void 0 : U.id), S(!0);
+    var P, F, U;
+    if (!(y || !r)) {
+      h == null || h(), w && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), S(!0);
       try {
-        await r.blockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), a && await a((A = n == null ? void 0 : n.user) == null ? void 0 : A.id), s();
+        await r.blockUser((F = n == null ? void 0 : n.user) == null ? void 0 : F.id), a && await a((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), s();
       } catch (z) {
         console.error("[ChannelInfoDialog] Failed to block member", z);
       } finally {
@@ -663,11 +663,11 @@ const us = ({
       }
     }
   }, N = async () => {
-    var U, O, A;
-    if (!(p || !r)) {
-      h == null || h(), y && console.log("[ChannelInfoDialog] Unblock member", (U = n == null ? void 0 : n.user) == null ? void 0 : U.id), S(!0);
+    var P, F, U;
+    if (!(y || !r)) {
+      h == null || h(), w && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), S(!0);
       try {
-        await r.unBlockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), a && await a((A = n == null ? void 0 : n.user) == null ? void 0 : A.id), s();
+        await r.unBlockUser((F = n == null ? void 0 : n.user) == null ? void 0 : F.id), a && await a((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), s();
       } catch (z) {
         console.error("[ChannelInfoDialog] Failed to unblock member", z);
       } finally {
@@ -682,7 +682,7 @@ const us = ({
     );
   };
   if (!n) return null;
-  const f = ((j = n.user) == null ? void 0 : j.name) || ((ne = n.user) == null ? void 0 : ne.id) || "Unknown member", k = (ae = n.user) == null ? void 0 : ae.image, H = (G = n.user) == null ? void 0 : G.email, Z = (K = n.user) == null ? void 0 : K.username, Y = H || (Z ? `linktr.ee/${Z}` : void 0), D = ((re = n.user) == null ? void 0 : re.id) || "unknown";
+  const f = (($ = n.user) == null ? void 0 : $.name) || ((ne = n.user) == null ? void 0 : ne.id) || "Unknown member", k = (ae = n.user) == null ? void 0 : ae.image, V = (j = n.user) == null ? void 0 : j.email, Z = (Q = n.user) == null ? void 0 : Q.username, q = V || (Z ? `linktr.ee/${Z}` : void 0), D = ((re = n.user) == null ? void 0 : re.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -691,13 +691,13 @@ const us = ({
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (U) => {
-          U.target === t.current && s();
+        onClick: (P) => {
+          P.target === t.current && s();
         },
         children: /* @__PURE__ */ i("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
             /* @__PURE__ */ e("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
-            /* @__PURE__ */ e(Ze, { onClick: s })
+            /* @__PURE__ */ e(Je, { onClick: s })
           ] }),
           /* @__PURE__ */ i("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ e(
@@ -718,7 +718,7 @@ const us = ({
                   ),
                   /* @__PURE__ */ i("div", { className: "flex flex-col min-w-0 flex-1", children: [
                     /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: f }),
-                    Y && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: Y }),
+                    q && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: q }),
                     l && !x && /* @__PURE__ */ e(
                       "span",
                       {
@@ -742,11 +742,11 @@ const us = ({
               c && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
                 xe,
                 {
-                  onClick: d,
+                  onClick: m,
                   disabled: M,
                   "aria-busy": M,
                   children: [
-                    M ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Yt, { className: "h-5 w-5" }),
+                    M ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Zt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -755,10 +755,10 @@ const us = ({
                 xe,
                 {
                   onClick: N,
-                  disabled: p,
-                  "aria-busy": p,
+                  disabled: y,
+                  "aria-busy": y,
                   children: [
-                    p ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Le, { className: "h-5 w-5" }),
+                    y ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ae, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
@@ -766,57 +766,57 @@ const us = ({
                 xe,
                 {
                   onClick: u,
-                  disabled: p,
-                  "aria-busy": p,
+                  disabled: y,
+                  "aria-busy": y,
                   children: [
-                    p ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Le, { className: "h-5 w-5" }),
+                    y ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ae, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
               /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(xe, { variant: "danger", onClick: v, children: [
-                /* @__PURE__ */ e(Zt, { className: "h-5 w-5" }),
+                /* @__PURE__ */ e(Jt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
-              w
+              p
             ] })
           ] })
         ] })
       }
     )
   );
-}, ms = (t) => /* @__PURE__ */ e(mt, { ...t, position: "center" }), Se = "vote_up", Ie = "vote_down";
-function hs(t) {
-  return t != null && t.length ? t.some((s) => s.type === Ie) ? "down" : t.some((s) => s.type === Se) ? "up" : null : null;
+}, fs = (t) => /* @__PURE__ */ e(ht, { ...t, position: "center" }), Me = "vote_up", ke = "vote_down";
+function gs(t) {
+  return t != null && t.length ? t.some((s) => s.type === ke) ? "down" : t.some((s) => s.type === Me) ? "up" : null : null;
 }
-function fs(t) {
-  const { channel: s } = Me(), { client: n } = $e("useMessageVote"), o = _e(
-    () => hs(t.own_reactions),
+function xs(t) {
+  const { channel: s } = Te(), { client: n } = $e("useMessageVote"), o = Se(
+    () => gs(t.own_reactions),
     [t.own_reactions]
-  ), l = P(async () => {
+  ), l = A(async () => {
     if (n != null && n.userID)
       try {
-        o === "up" ? await s.deleteReaction(t.id, Se) : await s.sendReaction(
+        o === "up" ? await s.deleteReaction(t.id, Me) : await s.sendReaction(
           t.id,
-          { type: Se },
+          { type: Me },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, o]), m = P(async () => {
+  }, [s, n == null ? void 0 : n.userID, t.id, o]), d = A(async () => {
     if (n != null && n.userID)
       try {
-        o === "down" ? await s.deleteReaction(t.id, Ie) : await s.sendReaction(
+        o === "down" ? await s.deleteReaction(t.id, ke) : await s.sendReaction(
           t.id,
-          { type: Ie },
+          { type: ke },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
   }, [s, n == null ? void 0 : n.userID, t.id, o]);
-  return { selected: o, voteUp: l, voteDown: m };
+  return { selected: o, voteUp: l, voteDown: d };
 }
-const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+const bs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M4.667 7.333l2.666-6A1.333 1.333 0 018.667 2v2.667a.667.667 0 00.666.666h3.764a1.334 1.334 0 011.192 1.93l-2.333 4.666a1.333 1.333 0 01-1.193.738H4.667m0-5.334v5.334m0-5.334H2.667a1.333 1.333 0 00-1.334 1.334v2.666a1.333 1.333 0 001.334 1.334h2",
@@ -826,7 +826,7 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), xs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+) }), Cs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M11.333 8.667l-2.666 6A1.333 1.333 0 017.333 14v-2.667a.667.667 0 00-.666-.666H2.903a1.334 1.334 0 01-1.192-1.93l2.333-4.666a1.333 1.333 0 011.193-.738h6.096m0 5.334V3.333m0 5.334h2a1.333 1.333 0 001.334-1.334V4.667a1.333 1.333 0 00-1.334-1.334h-2",
@@ -836,7 +836,7 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), bs = ({
+) }), Ns = ({
   selected: t,
   onVoteUp: s,
   onVoteDown: n
@@ -849,7 +849,7 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(gs, { filled: t === "up" })
+      children: /* @__PURE__ */ e(bs, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -860,73 +860,73 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: n,
       "aria-label": "Not helpful",
       "aria-pressed": t === "down",
-      children: /* @__PURE__ */ e(xs, { filled: t === "down" })
+      children: /* @__PURE__ */ e(Cs, { filled: t === "down" })
     }
   )
-] }), Cs = (t) => {
-  var de, ue;
+] }), vs = (t) => {
+  var me, ue;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
     editing: o,
     endOfGroup: l,
-    firstOfGroup: m,
+    firstOfGroup: d,
     groupedByUser: a,
     handleAction: c,
     handleOpenThread: g,
     handleRetry: h,
     highlighted: b,
     isMessageAIGenerated: x,
-    isMyMessage: w,
+    isMyMessage: p,
     message: r,
-    renderText: y,
+    renderText: w,
     threadList: _
-  } = t, { client: C } = $e("CustomMessage"), [M, E] = T(!1), p = ft(r.id), { selected: S, voteUp: L, voteDown: d } = fs(r), {
-    Attachment: u = xt,
-    EditMessageModal: N = bt,
-    MessageBlocked: v = Ct,
-    MessageBouncePrompt: f = Nt,
-    MessageDeleted: k = vt,
-    MessageIsThreadReplyInChannelButtonIndicator: H = wt,
-    MessageRepliesCountButton: Z = pt,
-    ReminderNotification: Y = yt,
-    StreamedMessageText: D = _t,
-    PinIndicator: W
-  } = gt("CustomMessage"), j = Et(r), ne = St(r), ae = _e(
+  } = t, { client: C } = $e("CustomMessage"), [M, E] = T(!1), y = gt(r.id), { selected: S, voteUp: L, voteDown: m } = xs(r), {
+    Attachment: u = bt,
+    EditMessageModal: N = Ct,
+    MessageBlocked: v = Nt,
+    MessageBouncePrompt: f = vt,
+    MessageDeleted: k = pt,
+    MessageIsThreadReplyInChannelButtonIndicator: V = yt,
+    MessageRepliesCountButton: Z = wt,
+    ReminderNotification: q = _t,
+    StreamedMessageText: D = Et,
+    PinIndicator: Y
+  } = xt("CustomMessage"), $ = St(r), ne = It(r), ae = Se(
     () => x == null ? void 0 : x(r),
     [x, r]
-  ), G = _e(
+  ), j = Se(
     () => !r.shared_location && !r.attachments ? [] : r.shared_location ? [r.shared_location, ...r.attachments ?? []] : r.attachments,
     [r]
   );
-  if (It(r))
+  if (Mt(r))
     return null;
   if (r.deleted_at || r.type === "deleted")
     return /* @__PURE__ */ e(k, { message: r });
-  if (Mt(r))
+  if (kt(r))
     return /* @__PURE__ */ e(v, {});
-  const K = !_ && !!r.reply_count, re = !_ && r.show_in_channel && r.parent_id, U = r.status === "failed" && ((de = r.error) == null ? void 0 : de.status) !== 403, O = kt(r);
-  let A;
-  U ? A = () => h(r) : O && (A = () => E(!0));
-  const z = w(), ce = R(
+  const Q = !_ && !!r.reply_count, re = !_ && r.show_in_channel && r.parent_id, P = r.status === "failed" && ((me = r.error) == null ? void 0 : me.status) !== 403, F = Tt(r);
+  let U;
+  P ? U = () => h(r) : F && (U = () => E(!0));
+  const z = p(), de = R(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${r.type}`,
     `str-chat__message--${r.status}`,
     z ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     r.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": j,
+      "str-chat__message--has-attachment": $,
       "str-chat__message--highlighted": b,
       "str-chat__message--pinned pinned-message": r.pinned,
       "str-chat__message--with-reactions": ne,
       "str-chat__message-send-can-be-retried": (r == null ? void 0 : r.status) === "failed" && ((ue = r == null ? void 0 : r.error) == null ? void 0 : ue.status) !== 403,
-      "str-chat__message-with-thread-link": K || re,
+      "str-chat__message-with-thread-link": Q || re,
       "str-chat__virtual-message__wrapper--end": l,
-      "str-chat__virtual-message__wrapper--first": m,
+      "str-chat__virtual-message__wrapper--first": d,
       "str-chat__virtual-message__wrapper--group": a
     }
-  ), q = r.poll_id && C.polls.fromState(r.poll_id), oe = cs(r), ee = Te(r), J = !!(G != null && G.length && !r.quoted_message), te = ee && z && J;
-  return /* @__PURE__ */ i(me, { children: [
+  ), W = r.poll_id && C.polls.fromState(r.poll_id), oe = ms(r), ee = Re(r), J = !!(j != null && j.length && !r.quoted_message), te = ee && z && J;
+  return /* @__PURE__ */ i(ce, { children: [
     o && /* @__PURE__ */ e(
       N,
       {
@@ -934,16 +934,16 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       }
     ),
     M && /* @__PURE__ */ e(
-      Tt,
+      Dt,
       {
         MessageBouncePrompt: f,
         onClose: () => E(!1),
         open: M
       }
     ),
-    /* @__PURE__ */ i("div", { className: ce, children: [
-      W && /* @__PURE__ */ e(W, {}),
-      !!p && /* @__PURE__ */ e(Y, { reminder: p }),
+    /* @__PURE__ */ i("div", { className: de, children: [
+      Y && /* @__PURE__ */ e(Y, {}),
+      !!y && /* @__PURE__ */ e(q, { reminder: y }),
       r.user && /* @__PURE__ */ e(
         se,
         {
@@ -957,13 +957,13 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
         "div",
         {
           className: R("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": U || O
+            "str-chat__simple-message--error-failed": P || F
           }),
           "data-testid": "message-inner",
-          onClick: A,
-          onKeyDown: A,
-          role: A ? "button" : void 0,
-          tabIndex: A ? 0 : void 0,
+          onClick: U,
+          onKeyDown: U,
+          role: U ? "button" : void 0,
+          tabIndex: U ? 0 : void 0,
           style: {
             // Force margins to 0 to prevent hover layout shift
             // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
@@ -972,36 +972,36 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           },
           children: oe ? (
             /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ e(ye, { message: r, standalone: !0 })
+            /* @__PURE__ */ e(_e, { message: r, standalone: !0 })
           ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
               ee && !te && /* @__PURE__ */ e(
-                ye,
+                _e,
                 {
                   message: r,
                   hasAttachment: J,
                   isMyMessage: z
                 }
               ),
-              q && /* @__PURE__ */ e(Dt, { poll: q }),
-              G != null && G.length && !r.quoted_message ? /* @__PURE__ */ e(
+              W && /* @__PURE__ */ e(Rt, { poll: W }),
+              j != null && j.length && !r.quoted_message ? /* @__PURE__ */ e(
                 u,
                 {
                   actionHandler: c,
-                  attachments: G
+                  attachments: j
                 }
               ) : null,
               ae ? /* @__PURE__ */ e(
                 D,
                 {
                   message: r,
-                  renderText: y
+                  renderText: w
                 }
-              ) : /* @__PURE__ */ e(Rt, { message: r, renderText: y }),
-              /* @__PURE__ */ e(Lt, {})
+              ) : /* @__PURE__ */ e(Lt, { message: r, renderText: w }),
+              /* @__PURE__ */ e(At, {})
             ] }),
             (!ee || te) && /* @__PURE__ */ e(
-              ye,
+              _e,
               {
                 message: r,
                 hasAttachment: J,
@@ -1009,37 +1009,37 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
               }
             ),
             n && ee && /* @__PURE__ */ e(
-              bs,
+              Ns,
               {
                 selected: S,
                 onVoteUp: L,
-                onVoteDown: d
+                onVoteDown: m
               }
             )
           ] })
         }
       ),
-      K && /* @__PURE__ */ e(
+      Q && /* @__PURE__ */ e(
         Z,
         {
           onClick: g,
           reply_count: r.reply_count
         }
       ),
-      re && /* @__PURE__ */ e(H, {})
+      re && /* @__PURE__ */ e(V, {})
     ] }, r.id)
   ] });
-}, Ns = B.memo(
-  Cs,
-  ht
-), vs = (t) => {
+}, ps = B.memo(
+  vs,
+  ft
+), ys = (t) => {
   const s = je("CustomMessage");
-  return /* @__PURE__ */ e(Ns, { ...s, ...t });
+  return /* @__PURE__ */ e(ps, { ...s, ...t });
 }, ws = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
-    (s) => Fe.previewIsLoaded(s) || Fe.previewIsLoading(s)
+    (s) => Ue.previewIsLoaded(s) || Ue.previewIsLoading(s)
   )
-}), ps = ({
+}), _s = ({
   link: t,
   onDismiss: s
 }) => {
@@ -1069,7 +1069,7 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             },
             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",
-            children: /* @__PURE__ */ e(ke, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ e(De, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ i("div", { className: "p-2", children: [
@@ -1079,32 +1079,32 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       ]
     }
   );
-}, ys = () => {
-  const { linkPreviewsManager: t } = Pt(), { linkPreviews: s } = Ut(
+}, Es = () => {
+  const { linkPreviewsManager: t } = Pt(), { linkPreviews: s } = Ft(
     t.state,
     ws
   ), n = (l) => {
     t.dismissPreview(l);
   };
   return s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: s.map((l) => /* @__PURE__ */ e(
-    ps,
+    _s,
     {
       link: l,
       onDismiss: n
     },
     l.og_scrape_url
   )) }) : null;
-}, _s = () => {
-  const { handleSubmit: t } = Ft(), s = At();
-  return /* @__PURE__ */ i(me, { children: [
-    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Bt, {}) }),
+}, Ss = () => {
+  const { handleSubmit: t } = Ut(), s = Bt();
+  return /* @__PURE__ */ i(ce, { children: [
+    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Gt, {}) }),
     /* @__PURE__ */ i("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
       /* @__PURE__ */ e($t, {}),
-      /* @__PURE__ */ e(ys, {}),
+      /* @__PURE__ */ e(Es, {}),
       /* @__PURE__ */ e(jt, {}),
       /* @__PURE__ */ i("div", { className: "flex", children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
-          Gt,
+          zt,
           {
             className: "w-full resize-none outline-none leading-6",
             autoFocus: !0,
@@ -1120,58 +1120,121 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             disabled: !s,
             onClick: t,
             type: "button",
-            children: /* @__PURE__ */ e(Jt, { className: "size-4" })
+            children: /* @__PURE__ */ e(Xt, { className: "size-4" })
           }
         )
       ] })
     ] })
   ] });
-}, Es = ({
+}, Is = ({
   renderActions: t
 }) => /* @__PURE__ */ i("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && (t == null ? void 0 : t()),
-  /* @__PURE__ */ e(Ot, { Input: _s })
-] }), Ss = [
+  /* @__PURE__ */ e(Ot, { Input: Ss })
+] }), Ms = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Is = {
+], ks = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Be = (t) => Ss.includes(t), Ms = (t) => {
+}, Ts = [
+  "SYSTEM_AGE_SAFETY_BLOCKED"
+], Ds = {
+  SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
+}, Ee = "age safety guidelines.", Rs = "https://linktr.ee/s/about/contact", Ge = (t) => Ms.includes(t), Ls = (t) => Ts.includes(t), As = (t) => {
   var o;
   const s = (o = t.metadata) == null ? void 0 : o.custom_type;
-  if (Be(s))
-    return s;
+  if (Ge(s))
+    return {
+      kind: "dm-agent",
+      type: s
+    };
+  if (Ls(s))
+    return {
+      kind: "age-safety",
+      type: s
+    };
   const n = t.dm_agent_system_type;
-  if (Be(n))
-    return n;
-}, ks = (t) => {
-  var o;
-  const s = t.message.hide_date === !0, n = Ms(t.message);
-  if (n) {
-    const l = ((o = t.message.text) == null ? void 0 : o.trim()) || Is[n];
+  if (Ge(n))
+    return {
+      kind: "dm-agent",
+      type: n
+    };
+}, Ps = (t) => {
+  const s = t.indexOf(Ee);
+  if (s === -1)
+    return t;
+  const n = s + Ee.length;
+  return /* @__PURE__ */ i(ce, { children: [
+    t.slice(0, s),
+    /* @__PURE__ */ e(
+      "a",
+      {
+        href: Rs,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
+        children: Ee
+      }
+    ),
+    t.slice(n)
+  ] });
+}, Fs = (t) => {
+  var o, l;
+  const s = t.message.hide_date === !0, n = As(
+    t.message
+  );
+  if ((n == null ? void 0 : n.kind) === "dm-agent") {
+    const d = ((o = t.message.text) == null ? void 0 : o.trim()) || ks[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
         {
-          className: "mes-dm-agent-system-message",
+          className: "mes-dm-agent-system-message mx-auto mb-2 inline-flex w-fit max-w-[min(100%,480px)] items-center justify-center gap-[10px] rounded-[12px] border border-[rgba(0,0,0,0.08)] p-3 text-[rgba(0,0,0,0.55)]",
           "data-testid": "dm-agent-system-message",
-          "data-dm-agent-system-type": n,
+          "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              Qt,
+              Kt,
               {
                 size: 16,
                 weight: "regular",
                 "aria-hidden": !0,
-                className: "mes-dm-agent-system-message__sparkle"
+                className: "mes-dm-agent-system-message__sparkle shrink-0"
               }
             ),
-            /* @__PURE__ */ e("p", { className: "mes-dm-agent-system-message__text", children: l })
+            /* @__PURE__ */ e("p", { className: "mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]", children: d })
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Re, { message: t.message })
+      !s && /* @__PURE__ */ e(we, { message: t.message })
+    ] });
+  }
+  if ((n == null ? void 0 : n.kind) === "age-safety") {
+    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || Ds[n.type];
+    return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: "mes-age-safety-system-message box-border mx-auto mb-2 flex w-full max-w-[329px] items-start justify-center gap-3 rounded-[12px] border border-[var(--border-secondary,rgba(0,0,0,0.08))] bg-[var(--bg-warning-subtle,#fef3c6)] px-2 py-4 pl-5 text-[color:var(--text-warning-on-warning,#894b00)]",
+          "data-testid": "age-safety-system-message",
+          "data-age-safety-system-type": n.type,
+          children: [
+            /* @__PURE__ */ e(
+              Qt,
+              {
+                size: 24,
+                weight: "duotone",
+                "aria-hidden": !0,
+                className: "mes-age-safety-system-message__icon shrink-0 text-[color:var(--text-warning-on-warning,#894b00)]",
+                "data-testid": "age-safety-system-message-icon"
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ e("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Ps(d) }) })
+          ]
+        }
+      ),
+      !s && /* @__PURE__ */ e(we, { message: t.message })
     ] });
   }
   return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1180,9 +1243,9 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       /* @__PURE__ */ e("p", { children: t.message.text }),
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" })
     ] }),
-    !s && /* @__PURE__ */ e(Re, { message: t.message })
+    !s && /* @__PURE__ */ e(we, { message: t.message })
   ] });
-}, Ts = () => null, Ds = ({ className: t, message: s }) => /* @__PURE__ */ i(
+}, Os = () => null, Us = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
     className: R("flex items-center justify-center h-full", t),
@@ -1226,26 +1289,26 @@ const gs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     ]
   }
 ), Ne = B.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ e(Ds, { className: "w-6 h-6" }),
+  /* @__PURE__ */ e(Us, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ne.displayName = "LoadingState";
-const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Rs = ({
+const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bs = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
   canShowInfo: o,
   showStarButton: l = !1
 }) => {
-  var x, w, r, y, _;
-  const { channel: m } = Me(), a = B.useMemo(() => Object.values(m.state.members || {}).find(
+  var x, p, r, w, _;
+  const { channel: d } = Te(), a = B.useMemo(() => Object.values(d.state.members || {}).find(
     (M) => {
       var E;
-      return ((E = M.user) == null ? void 0 : E.id) && M.user.id !== m._client.userID;
+      return ((E = M.user) == null ? void 0 : E.id) && M.user.id !== d._client.userID;
     }
-  ), [m._client.userID, m.state.members]), c = ((x = a == null ? void 0 : a.user) == null ? void 0 : x.name) || ((w = a == null ? void 0 : a.user) == null ? void 0 : w.id) || "Unknown member", g = (r = a == null ? void 0 : a.user) == null ? void 0 : r.image, h = Ve(m), b = async () => {
+  ), [d._client.userID, d.state.members]), c = ((x = a == null ? void 0 : a.user) == null ? void 0 : x.name) || ((p = a == null ? void 0 : a.user) == null ? void 0 : p.id) || "Unknown member", g = (r = a == null ? void 0 : a.user) == null ? void 0 : r.image, h = Ve(d), b = async () => {
     try {
-      h ? await m.unpin() : await m.pin();
+      h ? await d.unpin() : await d.pin();
     } catch (C) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -1270,7 +1333,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         /* @__PURE__ */ e(
           se,
           {
-            id: ((y = a == null ? void 0 : a.user) == null ? void 0 : y.id) || m.id || "unknown",
+            id: ((w = a == null ? void 0 : a.user) == null ? void 0 : w.id) || d.id || "unknown",
             name: c,
             image: g,
             starred: h,
@@ -1288,7 +1351,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             type: "button",
             "aria-label": h ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              Ee,
+              Ie,
               {
                 className: R("size-5", {
                   "text-yellow-600": h,
@@ -1306,7 +1369,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Ue, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Fe, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -1326,7 +1389,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         /* @__PURE__ */ e(
           se,
           {
-            id: ((_ = a == null ? void 0 : a.user) == null ? void 0 : _.id) || m.id || "unknown",
+            id: ((_ = a == null ? void 0 : a.user) == null ? void 0 : _.id) || d.id || "unknown",
             name: c,
             image: g,
             starred: h,
@@ -1344,7 +1407,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             type: "button",
             "aria-label": h ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              Ee,
+              Ie,
               {
                 className: R("size-5", {
                   "text-yellow-600": h,
@@ -1362,67 +1425,67 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Ue, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Fe, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] })
   ] });
-}, Ls = ({
+}, Gs = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
   renderConversationFooter: o,
   onLeaveConversation: l,
-  onBlockParticipant: m,
+  onBlockParticipant: d,
   showDeleteConversation: a = !0,
   onDeleteConversationClick: c,
   onBlockParticipantClick: g,
   onReportParticipantClick: h,
   showStarButton: b = !1,
   chatbotVotingEnabled: x = !1,
-  renderChannelBanner: w,
+  renderChannelBanner: p,
   customProfileContent: r,
-  customChannelActions: y,
+  customChannelActions: w,
   renderMessage: _
 }) => {
-  const { channel: C } = Me(), M = Q(null), E = B.useMemo(() => Object.values(C.state.members || {}).find(
+  const { channel: C } = Te(), M = X(null), E = B.useMemo(() => Object.values(C.state.members || {}).find(
     (u) => {
       var N;
       return ((N = u.user) == null ? void 0 : N.id) && u.user.id !== C._client.userID;
     }
-  ), [C._client.userID, C.state.members]), p = B.useMemo(() => {
-    const d = C.data ?? {};
-    if (d.followerStatus)
-      return String(d.followerStatus);
-    if (d.isFollower !== void 0)
-      return d.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [C.data]), S = P(() => {
-    var d;
-    (d = M.current) == null || d.showModal();
-  }, []), L = P(() => {
-    var d;
-    (d = M.current) == null || d.close();
+  ), [C._client.userID, C.state.members]), y = B.useMemo(() => {
+    const m = C.data ?? {};
+    if (m.followerStatus)
+      return String(m.followerStatus);
+    if (m.isFollower !== void 0)
+      return m.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [C.data]), S = A(() => {
+    var m;
+    (m = M.current) == null || m.showModal();
+  }, []), L = A(() => {
+    var m;
+    (m = M.current) == null || m.close();
   }, []);
-  return /* @__PURE__ */ i(me, { children: [
+  return /* @__PURE__ */ i(ce, { children: [
     /* @__PURE__ */ e(
       Vt,
       {
         overrides: {
-          Message: (d) => {
+          Message: (m) => {
             const { message: u } = je("ChannelView"), N = /* @__PURE__ */ e(
-              vs,
+              ys,
               {
-                ...d,
+                ...m,
                 chatbotVotingEnabled: x
               }
             );
             return !_ || !u ? N : _(N, u);
           }
         },
-        children: /* @__PURE__ */ i(Ht, { children: [
+        children: /* @__PURE__ */ i(Yt, { children: [
           /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-            Rs,
+            Bs,
             {
               onBack: t,
               showBackButton: s,
@@ -1431,7 +1494,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               showStarButton: b
             }
           ) }),
-          w == null ? void 0 : w(),
+          p == null ? void 0 : p(),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
             Wt,
             {
@@ -1442,7 +1505,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           ) }),
           o == null ? void 0 : o(C),
           /* @__PURE__ */ e(
-            Es,
+            Is,
             {
               renderActions: () => n == null ? void 0 : n(C)
             }
@@ -1451,68 +1514,68 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     ),
     /* @__PURE__ */ e(
-      us,
+      hs,
       {
         dialogRef: M,
         onClose: L,
         participant: E,
         channel: C,
-        followerStatusLabel: p,
+        followerStatusLabel: y,
         onLeaveConversation: l,
-        onBlockParticipant: m,
+        onBlockParticipant: d,
         showDeleteConversation: a,
         onDeleteConversationClick: c,
         onBlockParticipantClick: g,
         onReportParticipantClick: h,
         customProfileContent: r,
-        customChannelActions: y
+        customChannelActions: w
       }
     )
   ] });
-}, Je = B.memo(
+}, Xe = B.memo(
   ({
     channel: t,
     onBack: s,
     showBackButton: n = !1,
     renderMessageInputActions: o,
     renderConversationFooter: l,
-    onLeaveConversation: m,
+    onLeaveConversation: d,
     onBlockParticipant: a,
     className: c,
-    CustomChannelEmptyState: g = Ts,
+    CustomChannelEmptyState: g = Os,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: b,
     onBlockParticipantClick: x,
-    onReportParticipantClick: w,
+    onReportParticipantClick: p,
     dmAgentEnabled: r,
-    messageMetadata: y,
+    messageMetadata: w,
     onMessageSent: _,
     showStarButton: C = !1,
     chatbotVotingEnabled: M = !1,
     renderChannelBanner: E,
-    customProfileContent: p,
+    customProfileContent: y,
     customChannelActions: S,
     renderMessage: L
   }) => {
-    const d = P(
+    const m = A(
       async (u, N, v) => {
         var D;
-        const f = ((D = t.data) == null ? void 0 : D.chatbot_paused) === !0, k = r && !f, H = {
+        const f = ((D = t.data) == null ? void 0 : D.chatbot_paused) === !0, k = r && !f, V = {
           ...N,
           ...k && { silent: !0 },
-          ...y && {
+          ...w && {
             metadata: {
               ...N.metadata ?? {},
-              ...y
+              ...w
             }
           }
         }, Z = {
           ...v,
           ...k && { skip_push: !0 }
-        }, Y = await t.sendMessage(H, Z);
-        return _ == null || _(Y), Y;
+        }, q = await t.sendMessage(V, Z);
+        return _ == null || _(q), q;
       },
-      [t, r, y, _]
+      [t, r, w, _]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -1522,32 +1585,32 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           c
         ),
         children: /* @__PURE__ */ e(
-          zt,
+          Ht,
           {
             channel: t,
-            MessageSystem: ks,
+            MessageSystem: Fs,
             EmptyStateIndicator: g,
             LoadingIndicator: Ne,
-            DateSeparator: ms,
-            doSendMessageRequest: d,
+            DateSeparator: fs,
+            doSendMessageRequest: m,
             children: /* @__PURE__ */ e(
-              Ls,
+              Gs,
               {
                 onBack: s,
                 showBackButton: n,
                 renderMessageInputActions: o,
                 renderConversationFooter: l,
-                onLeaveConversation: m,
+                onLeaveConversation: d,
                 onBlockParticipant: a,
                 CustomChannelEmptyState: g,
                 showDeleteConversation: h,
                 onDeleteConversationClick: b,
                 onBlockParticipantClick: x,
-                onReportParticipantClick: w,
+                onReportParticipantClick: p,
                 showStarButton: C,
                 chatbotVotingEnabled: M,
                 renderChannelBanner: E,
-                customProfileContent: p,
+                customProfileContent: y,
                 customChannelActions: S,
                 renderMessage: L
               }
@@ -1558,16 +1621,16 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-Je.displayName = "ChannelView";
-function Ps({
+Xe.displayName = "ChannelView";
+function $s({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
 }) {
-  const o = Q(null);
+  const o = X(null);
   return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
-      Xt,
+      es,
       {
         className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone",
         weight: "bold"
@@ -1585,7 +1648,7 @@ function Ps({
       }
     ),
     t && /* @__PURE__ */ e(
-      Ye,
+      Ze,
       {
         label: "Clear search",
         onClick: () => {
@@ -1593,24 +1656,24 @@ function Ps({
           s(""), (l = o.current) == null || l.focus();
         },
         className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal",
-        children: /* @__PURE__ */ e(ke, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ e(De, { className: "h-4 w-4", weight: "bold" })
       }
     )
   ] });
 }
-const Us = ({
+const js = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
   existingParticipantIds: o = /* @__PURE__ */ new Set(),
   participantLabel: l = "participants",
-  searchPlaceholder: m = "Search participants...",
+  searchPlaceholder: d = "Search participants...",
   className: a
 }) => {
-  const { debug: c } = ve(), [g, h] = T(""), [b, x] = T([]), [w, r] = T(!1), [y, _] = T(null), [C, M] = T(
+  const { debug: c } = ve(), [g, h] = T(""), [b, x] = T([]), [p, r] = T(!1), [w, _] = T(null), [C, M] = T(
     null
-  ), E = Q(!1);
-  X(() => {
+  ), E = X(!1);
+  K(() => {
     if (t.loading) {
       c && console.log(
         "[ParticipantPicker] Waiting for participant source to finish loading..."
@@ -1638,84 +1701,84 @@ const Us = ({
       }
     })();
   }, [t.loading, c]);
-  const p = b.filter((d) => !o.has(d.id)).filter((d) => {
+  const y = b.filter((m) => !o.has(m.id)).filter((m) => {
     var N;
     if (!g) return !0;
     const u = g.toLowerCase();
-    return d.name.toLowerCase().includes(u) || ((N = d.email) == null ? void 0 : N.toLowerCase().includes(u)) || !1;
-  }), S = P(
-    async (d) => {
+    return m.name.toLowerCase().includes(u) || ((N = m.email) == null ? void 0 : N.toLowerCase().includes(u)) || !1;
+  }), S = A(
+    async (m) => {
       if (!C) {
-        M(d.id);
+        M(m.id);
         try {
-          await s(d);
+          await s(m);
         } catch (u) {
           console.error("[ParticipantPicker] Failed to start chat:", u), M(null);
         }
       }
     },
     [s, C]
-  ), L = (d, u) => {
-    (d.key === "Enter" || d.key === " ") && (d.preventDefault(), S(u));
+  ), L = (m, u) => {
+    (m.key === "Enter" || m.key === " ") && (m.preventDefault(), S(u));
   };
   return /* @__PURE__ */ i("div", { className: R("flex flex-col h-full", a), children: [
     /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
       /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-charcoal", children: "Start a new Conversation" }),
-        /* @__PURE__ */ e(Ze, { onClick: n })
+        /* @__PURE__ */ e(Je, { onClick: n })
       ] }),
       /* @__PURE__ */ i("p", { className: "text-xs text-stone mb-3", children: [
         "Select a ",
         l.slice(0, -1),
         " to start messaging (",
-        p.length,
+        y.length,
         " available)",
         t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
       /* @__PURE__ */ e(
-        Ps,
+        $s,
         {
           searchQuery: g,
           setSearchQuery: h,
-          placeholder: m
+          placeholder: d
         }
       )
     ] }),
-    y && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    w && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
       l,
       ": ",
-      y
+      w
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: w && p.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: p && y.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
       /* @__PURE__ */ i("span", { className: "text-sm text-stone", children: [
         "Loading ",
         l,
         "..."
       ] })
-    ] }) }) : p.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
+    ] }) }) : y.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
       /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(Oe, { className: "h-8 w-8 text-charcoal" }) }),
       /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: g ? `No ${l} found` : b.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
       /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: g ? "Try a different search term" : b.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
     ] }) : /* @__PURE__ */ i("ul", { className: "space-y-0", children: [
-      p.map((d) => {
-        const u = d.name || d.email || d.id, N = d.email && d.name ? d.email : d.phone;
+      y.map((m) => {
+        const u = m.name || m.email || m.id, N = m.email && m.name ? m.email : m.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => S(d),
-            onKeyDown: (v) => L(v, d),
+            onClick: () => S(m),
+            onKeyDown: (v) => L(v, m),
             className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus-ring",
             children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ i("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
                 /* @__PURE__ */ e(
                   se,
                   {
-                    id: d.id,
+                    id: m.id,
                     name: u,
-                    image: d.image,
+                    image: m.image,
                     size: 40
                   }
                 ),
@@ -1724,18 +1787,18 @@ const Us = ({
                   N && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: N })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: C === d.id ? /* @__PURE__ */ e(be, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Oe, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: C === m.id ? /* @__PURE__ */ e(be, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Oe, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
-        ) }, d.id);
+        ) }, m.id);
       }),
-      w && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+      p && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
         /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading more..." })
       ] }) })
     ] }) })
   ] });
-}, Os = ({ className: t }) => /* @__PURE__ */ i(
+}, zs = ({ className: t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1869,16 +1932,16 @@ const Us = ({
       ] })
     ]
   }
-), Qe = B.memo(
+), Ke = B.memo(
   ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(Os, {}),
+    /* @__PURE__ */ e(zs, {}),
     s && !t && /* @__PURE__ */ i("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
       /* @__PURE__ */ e("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
     ] })
   ] }) })
 );
-Qe.displayName = "EmptyState";
+Ke.displayName = "EmptyState";
 const Ce = B.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ i("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ e("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ e("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ e("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
@@ -1894,30 +1957,30 @@ const Ce = B.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const Ws = ({
+const Qs = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
   renderConversationFooter: o,
   onChannelSelect: l,
-  onParticipantSelect: m,
+  onParticipantSelect: d,
   initialParticipantFilter: a,
   initialParticipantData: c,
   CustomChannelEmptyState: g,
   showChannelList: h = !0,
   filters: b,
   channelListCustomEmptyStateIndicator: x,
-  onDeleteConversationClick: w,
+  onDeleteConversationClick: p,
   onBlockParticipantClick: r,
-  onReportParticipantClick: y,
+  onReportParticipantClick: w,
   dmAgentEnabled: _,
   messageMetadata: C,
   onMessageSent: M,
   showStarButton: E = !1,
-  chatbotVotingEnabled: p = !1,
+  chatbotVotingEnabled: y = !1,
   renderMessagePreview: S,
   renderChannelBanner: L,
-  customProfileContent: d,
+  customProfileContent: m,
   customChannelActions: u,
   renderMessage: N
 }) => {
@@ -1925,15 +1988,15 @@ const Ws = ({
     service: v,
     client: f,
     isConnected: k,
-    isLoading: H,
+    isLoading: V,
     error: Z,
-    refreshConnection: Y,
+    refreshConnection: q,
     debug: D
-  } = Kt(), [W, j] = T(null), [ne, ae] = T(!1), [G, K] = T(!1), [re, U] = T(!1), [O, A] = T(/* @__PURE__ */ new Set()), [z, ce] = T(0), [q, oe] = T(!1), [ee, J] = T(null), te = Q(null), {
-    participantSource: de,
+  } = ts(), [Y, $] = T(null), [ne, ae] = T(!1), [j, Q] = T(!1), [re, P] = T(!1), [F, U] = T(/* @__PURE__ */ new Set()), [z, de] = T(0), [W, oe] = T(!1), [ee, J] = T(null), te = X(null), {
+    participantSource: me,
     participantLabel: ue = "participants",
-    showDeleteConversation: Xe = !0
-  } = t, Ke = B.useMemo(() => {
+    showDeleteConversation: Qe = !0
+  } = t, et = B.useMemo(() => {
     const I = f == null ? void 0 : f.userID;
     return {
       ...{
@@ -1946,61 +2009,61 @@ const Ws = ({
       },
       ...b
     };
-  }, [b, f == null ? void 0 : f.userID]), he = Q(null), le = P(async () => {
+  }, [b, f == null ? void 0 : f.userID]), he = X(null), le = A(async () => {
     if (!f || !k) return;
     const I = f.userID;
     if (I)
       try {
         D && console.log("[MessagingShell] Syncing channels for user:", I);
-        const V = await f.queryChannels(
+        const H = await f.queryChannels(
           {
             type: "messaging",
             members: { $in: [I] }
           },
           {},
           { limit: 100 }
-        ), F = /* @__PURE__ */ new Set();
-        V.forEach(($) => {
-          const we = $.state.members;
-          Object.values(we).forEach((ot) => {
-            var De;
-            const pe = (De = ot.user) == null ? void 0 : De.id;
-            pe && pe !== I && F.add(pe);
+        ), O = /* @__PURE__ */ new Set();
+        H.forEach((G) => {
+          const pe = G.state.members;
+          Object.values(pe).forEach((lt) => {
+            var Le;
+            const ye = (Le = lt.user) == null ? void 0 : Le.id;
+            ye && ye !== I && O.add(ye);
           });
-        }), A(($) => $.size === F.size && [...$].every((we) => F.has(we)) ? $ : F), ae(V.length > 0), K(!0), he.current = I, D && console.log("[MessagingShell] Channels synced successfully:", {
-          channelCount: V.length,
-          memberCount: F.size
+        }), U((G) => G.size === O.size && [...G].every((pe) => O.has(pe)) ? G : O), ae(H.length > 0), Q(!0), he.current = I, D && console.log("[MessagingShell] Channels synced successfully:", {
+          channelCount: H.length,
+          memberCount: O.size
         });
-      } catch (V) {
-        console.error("[MessagingShell] Failed to sync channels:", V);
+      } catch (H) {
+        console.error("[MessagingShell] Failed to sync channels:", H);
       }
   }, [f, k, D]);
-  X(() => {
+  K(() => {
     if (!f || !k) return;
     const I = f.userID;
     I && he.current !== I && le();
-  }, [f, k, le]), X(() => {
+  }, [f, k, le]), K(() => {
     if (!a || !f || !k) return;
     (async () => {
-      const V = f.userID;
-      if (V)
+      const H = f.userID;
+      if (H)
         try {
           D && console.log(
             "[MessagingShell] Loading initial conversation with:",
             a
           );
-          const F = await f.queryChannels(
+          const O = await f.queryChannels(
             {
               type: "messaging",
-              members: { $eq: [V, a] }
+              members: { $eq: [H, a] }
             },
             {},
             { limit: 1 }
           );
-          if (F.length > 0)
-            j(F[0]), oe(!0), J(null), l && l(F[0]), D && console.log(
+          if (O.length > 0)
+            $(O[0]), oe(!0), J(null), l && l(O[0]), D && console.log(
               "[MessagingShell] Initial conversation loaded:",
-              F[0].id
+              O[0].id
             );
           else if (c && v) {
             D && console.log(
@@ -2008,20 +2071,20 @@ const Ws = ({
               c
             );
             try {
-              const $ = await v.startChannelWithParticipant({
+              const G = await v.startChannelWithParticipant({
                 id: c.id,
                 name: c.name,
                 email: c.email,
                 phone: c.phone
               });
-              j($), oe(!0), J(null), l && l($), D && console.log(
+              $(G), oe(!0), J(null), l && l(G), D && console.log(
                 "[MessagingShell] Channel created and loaded:",
-                $.id
+                G.id
               );
-            } catch ($) {
+            } catch (G) {
               console.error(
                 "[MessagingShell] Failed to create conversation:",
-                $
+                G
               ), J("Failed to create conversation");
             }
           } else
@@ -2031,10 +2094,10 @@ const Ws = ({
               "[MessagingShell] No conversation found for:",
               a
             );
-        } catch (F) {
+        } catch (O) {
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
-            F
+            O
           ), J("Failed to load conversation");
         }
     })();
@@ -2047,63 +2110,63 @@ const Ws = ({
     D,
     l
   ]);
-  const et = P(
+  const tt = A(
     (I) => {
-      j(I), l == null || l(I);
+      $(I), l == null || l(I);
     },
     [l]
-  ), tt = P(() => {
-    q || j(null);
-  }, [q]), st = P(
+  ), st = A(() => {
+    W || $(null);
+  }, [W]), nt = A(
     async (I) => {
-      var V;
+      var H;
       if (v)
         try {
           D && console.log(
             "[MessagingShell] Starting conversation with:",
             I.id
           );
-          const F = await v.startChannelWithParticipant({
+          const O = await v.startChannelWithParticipant({
             id: I.id,
             name: I.name,
             email: I.email,
             phone: I.phone
           });
           try {
-            await F.show();
-          } catch ($) {
-            console.warn("[MessagingShell] Failed to unhide channel:", $);
+            await O.show();
+          } catch (G) {
+            console.warn("[MessagingShell] Failed to unhide channel:", G);
           }
-          j(F), U(!1), (V = te.current) == null || V.close(), m == null || m(I);
-        } catch (F) {
-          console.error("[MessagingShell] Failed to start conversation:", F);
+          $(O), P(!1), (H = te.current) == null || H.close(), d == null || d(I);
+        } catch (O) {
+          console.error("[MessagingShell] Failed to start conversation:", O);
         }
     },
-    [v, m, D]
-  ), fe = P(() => {
+    [v, d, D]
+  ), fe = A(() => {
     var I;
-    U(!1), (I = te.current) == null || I.close();
-  }, []), nt = P(
+    P(!1), (I = te.current) == null || I.close();
+  }, []), at = A(
     (I) => {
       I.target === te.current && fe();
     },
     [fe]
-  ), at = P(
+  ), rt = A(
     async (I) => {
-      D && console.log("[MessagingShell] Leaving conversation:", I.id), j(null), oe(!1), he.current = null, await le();
+      D && console.log("[MessagingShell] Leaving conversation:", I.id), $(null), oe(!1), he.current = null, await le();
     },
     [le, D]
-  ), rt = P(
+  ), ot = A(
     async (I) => {
-      D && console.log("[MessagingShell] Blocking participant:", I), j(null), oe(!1), he.current = null, await le();
+      D && console.log("[MessagingShell] Blocking participant:", I), $(null), oe(!1), he.current = null, await le();
     },
     [le, D]
-  ), ge = !!W;
-  return H ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ne, {}) }) : Z ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ce, { message: Z, onBack: Y }) }) : !k || !f ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(
+  ), ge = !!Y;
+  return V ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ne, {}) }) : Z ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ce, { message: Z, onBack: q }) }) : !k || !f ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(
     Ce,
     {
       message: "Not connected to messaging service",
-      onBack: Y
+      onBack: q
     }
   ) }) : ee ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ce, { message: ee }) }) : /* @__PURE__ */ i(
     "div",
@@ -2120,19 +2183,19 @@ const Ws = ({
               className: R(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": h === !1 || q,
+                  "!hidden": h === !1 || W,
                   // Hide on mobile when channel selected, show on desktop with consistent wide width
-                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": h !== !1 && !q && ge,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": h !== !1 && !W && ge,
                   // Show on mobile when no channel selected, use same wide width on desktop
-                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": h !== !1 && !q && !ge
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": h !== !1 && !W && !ge
                 }
               ),
               children: /* @__PURE__ */ e(
                 qe,
                 {
-                  onChannelSelect: et,
-                  selectedChannel: W || void 0,
-                  filters: Ke,
+                  onChannelSelect: tt,
+                  selectedChannel: Y || void 0,
+                  filters: et,
                   customEmptyStateIndicator: x,
                   renderMessagePreview: S
                 }
@@ -2146,65 +2209,65 @@ const Ws = ({
                 "messaging-conversation-view flex-1 flex-col min-w-0 min-h-0",
                 {
                   // In direct conversation mode (or waiting for it), always show (full width)
-                  flex: q || ge || a,
+                  flex: W || ge || a,
                   // Normal mode: hide on mobile when no channel selected
-                  "hidden lg:flex": !q && !ge && !a
+                  "hidden lg:flex": !W && !ge && !a
                 }
               ),
-              children: W ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
-                Je,
+              children: Y ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
+                Xe,
                 {
-                  channel: W,
-                  onBack: tt,
-                  showBackButton: !q,
+                  channel: Y,
+                  onBack: st,
+                  showBackButton: !W,
                   renderMessageInputActions: n,
                   renderConversationFooter: o,
                   renderChannelBanner: L,
-                  onLeaveConversation: at,
-                  onBlockParticipant: rt,
+                  onLeaveConversation: rt,
+                  onBlockParticipant: ot,
                   CustomChannelEmptyState: g,
-                  showDeleteConversation: Xe,
-                  onDeleteConversationClick: w,
+                  showDeleteConversation: Qe,
+                  onDeleteConversationClick: p,
                   onBlockParticipantClick: r,
-                  onReportParticipantClick: y,
+                  onReportParticipantClick: w,
                   dmAgentEnabled: _,
                   messageMetadata: C,
                   onMessageSent: M,
                   showStarButton: E,
-                  chatbotVotingEnabled: p,
-                  customProfileContent: d,
+                  chatbotVotingEnabled: y,
+                  customProfileContent: m,
                   customChannelActions: u,
                   renderMessage: N
                 },
-                W.id
+                Y.id
               ) }) : a ? (
                 // Show loading while creating/loading direct conversation channel
                 /* @__PURE__ */ e(Ne, {})
               ) : /* @__PURE__ */ e(
-                Qe,
+                Ke,
                 {
                   hasChannels: ne,
-                  channelsLoaded: G
+                  channelsLoaded: j
                 }
               )
             }
           )
         ] }),
-        de && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+        me && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
         /* @__PURE__ */ e(
           "dialog",
           {
             ref: te,
             className: "mes-dialog",
-            onClick: nt,
+            onClick: at,
             onClose: fe,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              Us,
+              js,
               {
-                participantSource: de,
-                onSelectParticipant: st,
+                participantSource: me,
+                onSelectParticipant: nt,
                 onClose: fe,
-                existingParticipantIds: O,
+                existingParticipantIds: F,
                 participantLabel: ue,
                 searchPlaceholder: `Search ${ue}...`
               },
@@ -2215,7 +2278,7 @@ const Ws = ({
       ]
     }
   );
-}, Fs = ({
+}, Hs = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -2237,23 +2300,23 @@ const Ws = ({
     ),
     children: t
   }
-), qs = ({
+), en = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
   headerText: o,
   className: l,
-  avatarImage: m,
+  avatarImage: d,
   avatarName: a
 }) => {
   const c = t.filter((g) => g.enabled).sort((g, h) => (g.order ?? 0) - (h.order ?? 0));
   return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ i("div", { className: "flex gap-3 items-end", children: [
-    (m || a) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
+    (d || a) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
       se,
       {
         id: a || "account",
         name: a || "Account",
-        image: m,
+        image: d,
         size: 24,
         shape: "circle"
       }
@@ -2266,7 +2329,7 @@ const Ws = ({
         children: [
           o && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: o }),
           c.map((g) => /* @__PURE__ */ e(
-            Fs,
+            Hs,
             {
               question: g.question,
               onClick: () => s(g.id),
@@ -2278,18 +2341,18 @@ const Ws = ({
       }
     )
   ] }) });
-}, Ys = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, m] = T([]), [a, c] = T(!1), [g, h] = T(null), [b, x] = T(n), [w, r] = T(!0), [y, _] = T(), C = P(async (S = !1, L) => {
+}, tn = (t, s = {}) => {
+  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, d] = T([]), [a, c] = T(!1), [g, h] = T(null), [b, x] = T(n), [p, r] = T(!0), [w, _] = T(), C = A(async (S = !1, L) => {
     if (a) return;
-    const d = L !== void 0 ? L : b;
+    const m = L !== void 0 ? L : b;
     c(!0), h(null);
     try {
       const u = await t.loadParticipants({
-        search: d || void 0,
+        search: m || void 0,
         limit: o,
-        cursor: S ? void 0 : y
+        cursor: S ? void 0 : w
       });
-      m(
+      d(
         (N) => S ? u.participants : [...N, ...u.participants]
       ), r(u.hasMore), _(u.nextCursor);
     } catch (u) {
@@ -2298,42 +2361,42 @@ const Ws = ({
     } finally {
       c(!1);
     }
-  }, [t, b, y, o, a]), M = P(() => {
-    w && !a && C(!1);
-  }, [w, a, C]), E = P((S) => {
+  }, [t, b, w, o, a]), M = A(() => {
+    p && !a && C(!1);
+  }, [p, a, C]), E = A((S) => {
     x(S), _(void 0), C(!0, S);
-  }, [C]), p = P(() => {
+  }, [C]), y = A(() => {
     _(void 0), C(!0);
   }, [C]);
-  return X(() => {
+  return K(() => {
     C(!0);
   }, [t.loadParticipants]), {
     participants: l,
     loading: a,
     error: g,
     searchQuery: b,
-    hasMore: w,
+    hasMore: p,
     totalCount: t.totalCount,
     loadMore: M,
     search: E,
-    refresh: p
+    refresh: y
   };
 };
 export {
   xe as ActionButton,
   se as Avatar,
-  Ts as ChannelEmptyState,
+  Os as ChannelEmptyState,
   qe as ChannelList,
-  Je as ChannelView,
-  qs as FaqList,
-  Fs as FaqListItem,
-  bs as MessageVoteButtons,
-  Hs as MessagingProvider,
-  Ws as MessagingShell,
-  Us as ParticipantPicker,
-  ns as formatRelativeTime,
-  fs as useMessageVote,
-  Kt as useMessaging,
-  Ys as useParticipants
+  Xe as ChannelView,
+  en as FaqList,
+  Hs as FaqListItem,
+  Ns as MessageVoteButtons,
+  Ks as MessagingProvider,
+  Qs as MessagingShell,
+  js as ParticipantPicker,
+  rs as formatRelativeTime,
+  xs as useMessageVote,
+  ts as useMessaging,
+  tn as useParticipants
 };
 //# sourceMappingURL=index.js.map