@linktr.ee/messaging-react 1.17.0 → 1.17.1

package/dist/index.js

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as c, Fragment as we } from "react/jsx-runtime";
-import M from "classnames";
-import B, { createContext as Ve, useContext as We, useCallback as D, useState as I, useRef as V, useEffect as W, useMemo as Ee } from "react";
-import { StreamChatService as qe } from "@linktr.ee/messaging-core";
-import { Chat as Ze, ChannelList as Ye, DateSeparator as Je, areMessageUIPropsEqual as Qe, useChatContext as Xe, useTranslationContext as Ke, useMessageReminder as es, useComponentContext as ss, Attachment as ts, Avatar as ns, EditMessageModal as rs, MessageBlocked as as, MessageBouncePrompt as ls, MessageDeleted as os, MessageIsThreadReplyInChannelButtonIndicator as is, MessageRepliesCountButton as cs, MessageStatus as ds, MessageTimestamp as Fe, ReminderNotification as ms, StreamedMessageText as us, messageHasAttachments as hs, messageHasReactions as fs, isDateSeparatorMessage as gs, isMessageBlocked as xs, isMessageBounced as Cs, isMessageEdited as bs, MessageBounceModal as Ns, Poll as vs, MessageText as ws, MessageErrorIcon as ps, MessageEditedTimestamp as ys, useMessageContext as Es, useMessageComposer as Is, useStateStore as _s, MessageInput as Ss, useMessageInputContext as Ms, useMessageComposerHasSendableData as ks, SimpleAttachmentSelector as Rs, QuotedMessagePreview as Ts, AttachmentPreviewList as Ds, TextareaComposer as Fs, Channel as Ls, useChannelStateContext as Le, WithComponents as Ps, Window as Os, MessageList as Us } from "stream-chat-react";
-import { GiftIcon as Bs, XIcon as pe, ArrowUpIcon as As, ArrowLeftIcon as Ie, StarIcon as _e, DotsThreeIcon as Se, SpinnerGapIcon as he, SignOutIcon as js, ProhibitInsetIcon as Me, FlagIcon as $s, MagnifyingGlassIcon as zs, ChatCircleDotsIcon as ke } from "@phosphor-icons/react";
-import { LinkPreviewsManager as Re } from "stream-chat";
-const Pe = Ve({
+import { jsx as e, jsxs as c, Fragment as he } from "react/jsx-runtime";
+import k from "classnames";
+import U, { createContext as He, useContext as Ve, useCallback as T, useState as I, useRef as H, useEffect as V, useMemo as xe } from "react";
+import { StreamChatService as We } from "@linktr.ee/messaging-core";
+import { Chat as qe, ChannelList as Ze, DateSeparator as Ye, areMessageUIPropsEqual as Je, useChatContext as Qe, useMessageReminder as Xe, useComponentContext as Ke, Attachment as es, EditMessageModal as ss, MessageBlocked as ts, MessageBouncePrompt as ns, MessageDeleted as rs, MessageIsThreadReplyInChannelButtonIndicator as as, MessageRepliesCountButton as ls, ReminderNotification as os, StreamedMessageText as is, messageHasAttachments as cs, messageHasReactions as ds, isDateSeparatorMessage as ms, isMessageBlocked as us, isMessageBounced as hs, MessageBounceModal as fs, Poll as gs, MessageText as xs, MessageErrorIcon as bs, useMessageContext as Cs, useMessageComposer as Ns, useStateStore as vs, MessageInput as ws, useMessageInputContext as ys, useMessageComposerHasSendableData as ps, SimpleAttachmentSelector as Es, QuotedMessagePreview as Is, AttachmentPreviewList as _s, TextareaComposer as Ss, MessageTimestamp as Ms, Channel as ks, useChannelStateContext as Ie, WithComponents as Rs, Window as Ds, MessageList as Ts } from "stream-chat-react";
+import { GiftIcon as Fs, XIcon as fe, ArrowUpIcon as Ls, ArrowLeftIcon as be, StarIcon as Ce, DotsThreeIcon as Ne, SpinnerGapIcon as oe, SignOutIcon as Ps, ProhibitInsetIcon as ve, FlagIcon as Os, MagnifyingGlassIcon as Us, ChatCircleDotsIcon as we } from "@phosphor-icons/react";
+import { LinkPreviewsManager as ye } from "stream-chat";
+const _e = He({
   service: null,
   client: null,
   isConnected: !1,
@@ -15,7 +15,7 @@ const Pe = Ve({
   refreshConnection: async () => {
   },
   debug: !1
-}), xe = () => We(Pe), Et = ({
+}), de = () => Ve(_e), Nt = ({
   children: t,
   user: s,
   serviceConfig: n,
@@ -23,7 +23,7 @@ const Pe = Ve({
   capabilities: l = {},
   debug: d = !1
 }) => {
-  const a = D(
+  const a = T(
     (i, ...C) => {
       d && console.log(`🔥 [MessagingProvider] ${i}`, ...C);
     },
@@ -35,27 +35,27 @@ const Pe = Ve({
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [m, h] = I(null), [g, p] = I(null), [f, o] = I(!1), [S, E] = I(!1), [N, v] = I(null), b = V(!1), u = V({
+  const [u, h] = I(null), [g, y] = I(null), [f, o] = I(!1), [_, p] = I(!1), [N, v] = I(null), x = H(!1), m = H({
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
     capabilities: l
-  }), w = V(0);
+  }), w = H(0);
   w.current++, a("📊 RENDER INFO", {
     renderCount: w.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (r == null ? void 0 : r.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: u.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: u.current.apiKey !== r,
-      serviceConfigChanged: u.current.serviceConfig !== n,
-      capabilitiesChanged: u.current.capabilities !== l
+      userChanged: m.current.userId !== (s == null ? void 0 : s.id),
+      apiKeyChanged: m.current.apiKey !== r,
+      serviceConfigChanged: m.current.serviceConfig !== n,
+      capabilitiesChanged: m.current.capabilities !== l
     }
-  }), u.current = {
+  }), m.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
     capabilities: l
-  }, W(() => {
+  }, V(() => {
     const i = w.current;
     if (a("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: i,
@@ -64,8 +64,8 @@ const Pe = Ve({
       dependencies: {
         apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
         serviceConfigRef: n,
-        serviceConfigStable: u.current.serviceConfig === n,
-        apiKeyStable: u.current.apiKey === r
+        serviceConfigStable: m.current.serviceConfig === n,
+        apiKeyStable: m.current.apiKey === r
       }
     }), !r || !n) {
       a("⚠️ SERVICE INIT SKIPPED", {
@@ -77,9 +77,9 @@ const Pe = Ve({
     a("🚀 CREATING NEW SERVICE", {
       renderCount: i,
       apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
-      serviceConfigChanged: u.current.serviceConfig !== n
+      serviceConfigChanged: m.current.serviceConfig !== n
     });
-    const C = new qe({
+    const C = new We({
       ...n,
       apiKey: r,
       debug: d
@@ -94,25 +94,25 @@ const Pe = Ve({
       }), C.disconnectUser().catch(console.error);
     };
   }, [r, n, d, a]);
-  const _ = V(null);
-  W(() => {
-    var C, T;
+  const S = H(null);
+  V(() => {
+    var C, D;
     if (a("🔗 USER CONNECTION EFFECT TRIGGERED", {
-      hasService: !!m,
+      hasService: !!u,
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
-      isConnecting: b.current,
+      isConnecting: x.current,
       isConnected: f,
-      dependencies: { service: !!m, userId: s == null ? void 0 : s.id }
-    }), !m || !s) {
+      dependencies: { service: !!u, userId: s == null ? void 0 : s.id }
+    }), !u || !s) {
       a("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (b.current) {
+    if (x.current) {
       a("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((C = _.current) == null ? void 0 : C.serviceId) === m && ((T = _.current) == null ? void 0 : T.userId) === s.id) {
+    if (((C = S.current) == null ? void 0 : C.serviceId) === u && ((D = S.current) == null ? void 0 : D.userId) === s.id) {
       a(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -120,52 +120,52 @@ const Pe = Ve({
       return;
     }
     (async () => {
-      a("🚀 STARTING USER CONNECTION", { userId: s.id }), b.current = !0, E(!0), v(null);
+      a("🚀 STARTING USER CONNECTION", { userId: s.id }), x.current = !0, p(!0), v(null);
       try {
         a("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const j = await m.connectUser(s);
-        p(j), o(!0), _.current = { serviceId: m, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
+        const j = await u.connectUser(s);
+        y(j), o(!0), S.current = { serviceId: u, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
           clientId: j.userID
         });
       } catch (j) {
-        const G = j instanceof Error ? j.message : "Connection failed";
-        v(G), a("❌ USER CONNECTION ERROR", {
+        const z = j instanceof Error ? j.message : "Connection failed";
+        v(z), a("❌ USER CONNECTION ERROR", {
           userId: s.id,
-          error: G
+          error: z
         });
       } finally {
-        E(!1), b.current = !1, a("🔄 USER CONNECTION FINISHED", {
+        p(!1), x.current = !1, a("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
           isConnected: f
         });
       }
     })();
-  }, [m, s, a, f]), W(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
-    hasService: !!m,
+  }, [u, s, a, f]), V(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
+    hasService: !!u,
     isConnected: f
   }), () => {
-    m && f ? (a(
+    u && f ? (a(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), _.current = null, m.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
-      hasService: !!m,
+    ), S.current = null, u.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
+      hasService: !!u,
       isConnected: f
     });
-  }), [m, f, a]);
-  const R = D(async () => {
+  }), [u, f, a]);
+  const R = T(async () => {
     if (a("🔄 REFRESH CONNECTION CALLED", {
-      hasService: !!m,
+      hasService: !!u,
       hasUser: !!s
-    }), !m || !s) {
+    }), !u || !s) {
       a("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), E(!0);
+    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), p(!0);
     try {
-      a("🔌 DISCONNECTING FOR REFRESH"), await m.disconnectUser(), a("📞 RECONNECTING FOR REFRESH");
-      const i = await m.connectUser(s);
-      p(i), o(!0), v(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+      a("🔌 DISCONNECTING FOR REFRESH"), await u.disconnectUser(), a("📞 RECONNECTING FOR REFRESH");
+      const i = await u.connectUser(s);
+      y(i), o(!0), v(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
     } catch (i) {
       const C = i instanceof Error ? i.message : "Refresh failed";
       v(C), a("❌ CONNECTION REFRESH ERROR", {
@@ -173,29 +173,29 @@ const Pe = Ve({
         error: C
       });
     } finally {
-      E(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      p(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [m, s, a]), x = B.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
-    hasService: !!m,
+  }, [u, s, a]), b = U.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
+    hasService: !!u,
     hasClient: !!g,
     isConnected: f,
-    isLoading: S,
+    isLoading: _,
     hasError: !!N,
     capabilitiesKeys: Object.keys(l)
   }), {
-    service: m,
+    service: u,
     client: g,
     isConnected: f,
-    isLoading: S,
+    isLoading: _,
     error: N,
     capabilities: l,
     refreshConnection: R,
     debug: d
   }), [
-    m,
+    u,
     g,
     f,
-    S,
+    _,
     N,
     l,
     R,
@@ -205,9 +205,9 @@ const Pe = Ve({
   return a("🔄 RENDER END", {
     renderCount: w.current,
     willRenderChat: !!(g && f),
-    contextValueReady: !!x
-  }), /* @__PURE__ */ e(Pe.Provider, { value: x, children: g && f ? /* @__PURE__ */ e(
-    Ze,
+    contextValueReady: !!b
+  }), /* @__PURE__ */ e(_e.Provider, { value: b, children: g && f ? /* @__PURE__ */ e(
+    qe,
     {
       client: g,
       customClasses: {
@@ -216,18 +216,18 @@ const Pe = Ve({
       children: t
     }
   ) : t });
-}, Gs = () => xe(), Hs = (t, s) => {
+}, Bs = () => de(), js = (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));
-}, Vs = (t) => {
+}, As = (t) => {
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const r = Hs(t, s);
+  const r = js(t, s);
   return r === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -237,7 +237,7 @@ const Pe = Ve({
     day: "numeric",
     year: "2-digit"
   });
-}, Te = [
+}, pe = [
   "🍎",
   // Apple
   "🍌",
@@ -265,7 +265,7 @@ const Pe = Ve({
   "🍈"
   // Melon
 ];
-function Ws(t) {
+function $s(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
     const r = t.charCodeAt(n);
@@ -273,25 +273,25 @@ function Ws(t) {
   }
   return Math.abs(s);
 }
-function qs(t) {
-  const n = Ws(t) % Te.length;
-  return Te[n];
+function zs(t) {
+  const n = $s(t) % pe.length;
+  return pe[n];
 }
-const se = ({
+const Q = ({
   id: t,
   image: s,
   size: n = 40,
   className: r,
   shape: l = "squircle"
 }) => {
-  const d = qs(t), m = n < 32 ? "text-xs" : n < 56 ? "text-sm" : "text-lg", h = l === "circle" ? { borderRadius: "50%" } : {
+  const d = zs(t), u = n < 32 ? "text-xs" : n < 56 ? "text-sm" : "text-lg", h = l === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
   return /* @__PURE__ */ e(
     "div",
     {
-      className: M("flex-shrink-0 overflow-hidden", r),
+      className: k("flex-shrink-0 overflow-hidden", r),
       style: {
         width: `${n}px`,
         height: `${n}px`,
@@ -308,82 +308,82 @@ const se = ({
         "div",
         {
           "aria-hidden": "true",
-          className: M(
+          className: k(
             "avatar-fallback flex h-full w-full items-center justify-center font-semibold bg-[#E6E5E3] select-none transition-colors",
-            m
+            u
           ),
           children: d
         }
       )
     }
   );
-}, Zs = () => /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ e(
+}, Gs = () => /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M10.003 5a.705.705 0 0 1-.469.67L6.7 6.7 5.67 9.535a.715.715 0 0 1-1.34 0L3.3 6.7.466 5.67a.715.715 0 0 1 0-1.34L3.3 3.3 4.33.466a.715.715 0 0 1 1.34 0L6.7 3.3l2.834 1.03a.705.705 0 0 1 .469.67",
     fill: "currentColor"
   }
-) }), Ys = (t) => {
+) }), Hs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_TIP";
-}, Js = (t) => {
+}, Vs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_PAID";
-}, Oe = (t) => {
+}, Se = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_CHATBOT";
-}, Ue = (t) => Ys(t) || Js(t), Qs = (t) => {
+}, Me = (t) => Hs(t) || Vs(t), Ws = (t) => {
   var s;
-  return Ue(t) && !((s = t.text) != null && s.trim());
-}, De = ({
+  return Me(t) && !((s = t.text) != null && s.trim());
+}, Ee = ({
   message: t,
   standalone: s = !1
 }) => {
   var l;
-  const n = Ue(t), r = Oe(t);
+  const n = Me(t), r = Se(t);
   if (!n && !r)
     return null;
   if (n) {
     const d = (l = t.metadata) == null ? void 0 : l.amount_text;
     if (!d) return null;
-    const a = s ? "message-tip-standalone" : "message-tag message-tag--tip", m = s ? `${d} tip` : `Delivered with ${d} tip`;
+    const a = s ? "message-tip-standalone" : "message-tag message-tag--tip", u = s ? `${d} tip` : `Delivered with ${d} tip`;
     return /* @__PURE__ */ c("div", { className: a, children: [
-      /* @__PURE__ */ e(Bs, { size: s ? 14 : 12 }),
-      /* @__PURE__ */ e("span", { children: m })
+      /* @__PURE__ */ e(Fs, { size: s ? 14 : 12 }),
+      /* @__PURE__ */ e("span", { children: u })
     ] });
   }
   return /* @__PURE__ */ c("div", { className: "message-tag message-tag--chatbot", children: [
-    /* @__PURE__ */ e("span", { className: "message-tag__icon", style: { marginTop: -1 }, children: /* @__PURE__ */ e(Zs, {}) }),
+    /* @__PURE__ */ e("span", { className: "message-tag__icon", style: { marginTop: -1 }, children: /* @__PURE__ */ e(Gs, {}) }),
     /* @__PURE__ */ e("span", { className: "message-tag__label", children: "Chatbot" })
   ] });
-}, Be = B.memo(
+}, ke = U.memo(
   ({ channel: t, selectedChannel: s, onChannelSelect: n, debug: r = !1, unread: l }) => {
-    var b, u, w, _, R, x;
+    var x, m, w, S, R, b;
     const d = (s == null ? void 0 : s.id) === (t == null ? void 0 : t.id), a = () => {
       t && n(t);
-    }, h = Object.values(((b = t == null ? void 0 : t.state) == null ? void 0 : b.members) || {}).find(
+    }, h = Object.values(((x = t == null ? void 0 : t.state) == null ? void 0 : x.members) || {}).find(
       (i) => {
-        var C, T;
-        return ((C = i.user) == null ? void 0 : C.id) && i.user.id !== ((T = t == null ? void 0 : t._client) == null ? void 0 : T.userID);
+        var C, D;
+        return ((C = i.user) == null ? void 0 : C.id) && i.user.id !== ((D = t == null ? void 0 : t._client) == null ? void 0 : D.userID);
       }
-    ), g = ((u = h == null ? void 0 : h.user) == null ? void 0 : u.name) || "Conversation", p = (w = h == null ? void 0 : h.user) == null ? void 0 : w.image, f = (R = (_ = t == null ? void 0 : t.state) == null ? void 0 : _.messages) == null ? void 0 : R[t.state.messages.length - 1], S = (() => {
+    ), g = ((m = h == null ? void 0 : h.user) == null ? void 0 : m.name) || "Conversation", y = (w = h == null ? void 0 : h.user) == null ? void 0 : w.image, f = (R = (S = t == null ? void 0 : t.state) == null ? void 0 : S.messages) == null ? void 0 : R[t.state.messages.length - 1], _ = (() => {
       var C;
       if (f != null && f.text) return f.text;
       const i = (C = f == null ? void 0 : f.attachments) == null ? void 0 : C[0];
       return i ? i.og_scrape_url ? i.og_scrape_url : i.type === "image" ? "📷 Sent an image" : i.type === "video" ? "🎥 Sent a video" : i.type === "audio" ? "🎵 Sent audio" : i.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), E = f != null && f.created_at ? Vs(new Date(f.created_at)) : "", N = f ? Oe(f) : !1, v = l ?? 0;
+    })(), p = f != null && f.created_at ? As(new Date(f.created_at)) : "", N = f ? Se(f) : !1, v = l ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: d,
       participantName: g,
       unreadCount: v,
-      hasTimestamp: !!E
+      hasTimestamp: !!p
     }), /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         onClick: a,
-        className: M(
+        className: k(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
           {
             "bg-primary-alt/10 border-l-4 border-l-primary": d,
@@ -392,11 +392,11 @@ const se = ({
         ),
         children: /* @__PURE__ */ c("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ e(
-            se,
+            Q,
             {
-              id: ((x = h == null ? void 0 : h.user) == null ? void 0 : x.id) || t.id || "unknown",
+              id: ((b = h == null ? void 0 : h.user) == null ? void 0 : b.id) || t.id || "unknown",
               name: g,
-              image: p,
+              image: y,
               size: 44,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
@@ -406,19 +406,19 @@ const se = ({
               /* @__PURE__ */ e(
                 "h3",
                 {
-                  className: M(
+                  className: k(
                     "text-sm font-medium truncate",
                     d ? "text-primary" : "text-charcoal"
                   ),
                   children: g
                 }
               ),
-              E && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: E })
+              p && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: p })
             ] }),
             /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ c("p", { className: "text-xs text-stone mr-2 flex-1 line-clamp-2", children: [
                 N && "✨ ",
-                S
+                _
               ] }),
               v > 0 && /* @__PURE__ */ e("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: v > 99 ? "99+" : v })
             ] })
@@ -428,8 +428,8 @@ const se = ({
     );
   }
 );
-Be.displayName = "CustomChannelPreview";
-const Ae = B.memo(
+ke.displayName = "CustomChannelPreview";
+const Re = U.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
@@ -437,16 +437,16 @@ const Ae = B.memo(
     className: r,
     customEmptyStateIndicator: l
   }) => {
-    const d = B.useRef(0);
+    const d = U.useRef(0);
     d.current++;
-    const { debug: a = !1 } = xe();
+    const { debug: a = !1 } = de();
     a && console.log("📺 [ChannelList] 🔄 RENDER START", {
       renderCount: d.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const m = B.useMemo(() => (g) => /* @__PURE__ */ e(
-      Be,
+    const u = U.useMemo(() => (g) => /* @__PURE__ */ e(
+      ke,
       {
         ...g,
         selectedChannel: s,
@@ -457,17 +457,17 @@ const Ae = B.memo(
     return /* @__PURE__ */ e(
       "div",
       {
-        className: M(
+        className: k(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           r
         ),
         children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(
-          Ye,
+          Ze,
           {
             filters: n,
             sort: { last_message_at: -1 },
             options: { limit: 30 },
-            Preview: m,
+            Preview: u,
             EmptyStateIndicator: l
           },
           JSON.stringify(n)
@@ -476,8 +476,8 @@ const Ae = B.memo(
     );
   }
 );
-Ae.displayName = "ChannelList";
-const ue = ({
+Re.displayName = "ChannelList";
+const le = ({
   variant: t = "default",
   className: s,
   children: n,
@@ -486,7 +486,7 @@ const ue = ({
   "button",
   {
     type: "button",
-    className: M(
+    className: k(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       t === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       s
@@ -495,12 +495,12 @@ const ue = ({
     children: n
   }
 );
-function je({ label: t, className: s, children: n, ...r }) {
+function De({ label: t, className: s, children: n, ...r }) {
   return /* @__PURE__ */ c(
     "button",
     {
       type: "button",
-      className: M(
+      className: k(
         "rounded-full p-2 transition-colors focus-ring",
         {
           "cursor-not-allowed opacity-50": r.disabled,
@@ -516,11 +516,11 @@ function je({ label: t, className: s, children: n, ...r }) {
     }
   );
 }
-function $e({ onClick: t }) {
-  return /* @__PURE__ */ e(je, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(pe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+function Te({ onClick: t }) {
+  return /* @__PURE__ */ e(De, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(fe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const Xs = (t) => /* @__PURE__ */ e(Je, { ...t, position: "center" }), Ks = (t) => {
-  var ce, de;
+const qs = (t) => /* @__PURE__ */ e(Ye, { ...t, position: "center" }), Zs = (t) => {
+  var W, te;
   const {
     additionalMessageInputProps: s,
     editing: n,
@@ -528,163 +528,150 @@ const Xs = (t) => /* @__PURE__ */ e(Je, { ...t, position: "center" }), Ks = (t)
     firstOfGroup: l,
     groupedByUser: d,
     handleAction: a,
-    handleOpenThread: m,
+    handleOpenThread: u,
     handleRetry: h,
     highlighted: g,
-    isMessageAIGenerated: p,
+    isMessageAIGenerated: y,
     isMyMessage: f,
     message: o,
-    onUserClick: S,
-    onUserHover: E,
-    renderText: N,
-    threadList: v
-  } = t, { client: b } = Xe("CustomMessage"), { t: u } = Ke("CustomMessage"), [w, _] = I(!1), [R, x] = I(!1), i = es(o.id), {
-    Attachment: C = ts,
-    Avatar: T = ns,
-    EditMessageModal: j = rs,
-    MessageBlocked: G = as,
-    MessageBouncePrompt: J = ls,
-    MessageDeleted: te = os,
-    MessageIsThreadReplyInChannelButtonIndicator: ne = is,
-    MessageRepliesCountButton: q = cs,
-    MessageStatus: Q = ds,
-    MessageTimestamp: X = Fe,
-    ReminderNotification: K = ms,
-    StreamedMessageText: re = us,
-    PinIndicator: U
-  } = ss("CustomMessage"), k = hs(o), F = fs(o), P = Ee(
-    () => p == null ? void 0 : p(o),
-    [p, o]
-  ), O = Ee(
+    renderText: _,
+    threadList: p
+  } = t, { client: N } = Qe("CustomMessage"), [v, x] = I(!1), m = Xe(o.id), {
+    Attachment: w = es,
+    EditMessageModal: S = ss,
+    MessageBlocked: R = ts,
+    MessageBouncePrompt: b = ns,
+    MessageDeleted: i = rs,
+    MessageIsThreadReplyInChannelButtonIndicator: C = as,
+    MessageRepliesCountButton: D = ls,
+    ReminderNotification: j = os,
+    StreamedMessageText: z = is,
+    PinIndicator: q
+  } = Ke("CustomMessage"), ee = cs(o), se = ds(o), Z = xe(
+    () => y == null ? void 0 : y(o),
+    [y, o]
+  ), G = xe(
     () => !o.shared_location && !o.attachments ? [] : o.shared_location ? [o.shared_location, ...o.attachments ?? []] : o.attachments,
     [o]
   );
-  if (gs(o))
+  if (ms(o))
     return null;
   if (o.deleted_at || o.type === "deleted")
-    return /* @__PURE__ */ e(te, { message: o });
-  if (xs(o))
-    return /* @__PURE__ */ e(G, {});
-  const Z = !d || r, ae = !v && !!o.reply_count, le = !v && o.show_in_channel && o.parent_id, oe = o.status === "failed" && ((ce = o.error) == null ? void 0 : ce.status) !== 403, Y = Cs(o), z = bs(o) && !P;
-  let H;
-  oe ? H = () => h(o) : Y ? H = () => _(!0) : z && (H = () => x((be) => !be));
-  const Ce = M(
+    return /* @__PURE__ */ e(i, { message: o });
+  if (us(o))
+    return /* @__PURE__ */ e(R, {});
+  const Y = !p && !!o.reply_count, J = !p && o.show_in_channel && o.parent_id, X = o.status === "failed" && ((W = o.error) == null ? void 0 : W.status) !== 403, O = hs(o);
+  let M;
+  X ? M = () => h(o) : O && (M = () => x(!0));
+  const F = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${o.type}`,
     `str-chat__message--${o.status}`,
     f() ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     o.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": k,
+      "str-chat__message--has-attachment": ee,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": o.pinned,
-      "str-chat__message--with-reactions": F,
-      "str-chat__message-send-can-be-retried": (o == null ? void 0 : o.status) === "failed" && ((de = o == null ? void 0 : o.error) == null ? void 0 : de.status) !== 403,
-      "str-chat__message-with-thread-link": ae || le,
+      "str-chat__message--with-reactions": se,
+      "str-chat__message-send-can-be-retried": (o == null ? void 0 : o.status) === "failed" && ((te = o == null ? void 0 : o.error) == null ? void 0 : te.status) !== 403,
+      "str-chat__message-with-thread-link": Y || J,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": l,
       "str-chat__virtual-message__wrapper--group": d
     }
-  ), ie = o.poll_id && b.polls.fromState(o.poll_id), ee = Qs(o);
-  return /* @__PURE__ */ c(we, { children: [
+  ), P = o.poll_id && N.polls.fromState(o.poll_id), A = Ws(o);
+  return /* @__PURE__ */ c(he, { children: [
     n && /* @__PURE__ */ e(
-      j,
+      S,
       {
         additionalMessageInputProps: s
       }
     ),
-    w && /* @__PURE__ */ e(
-      Ns,
+    v && /* @__PURE__ */ e(
+      fs,
       {
-        MessageBouncePrompt: J,
-        onClose: () => _(!1),
-        open: w
+        MessageBouncePrompt: b,
+        onClose: () => x(!1),
+        open: v
       }
     ),
-    /* @__PURE__ */ c("div", { className: Ce, children: [
-      U && /* @__PURE__ */ e(U, {}),
-      !!i && /* @__PURE__ */ e(K, { reminder: i }),
+    /* @__PURE__ */ c("div", { className: F, children: [
+      q && /* @__PURE__ */ e(q, {}),
+      !!m && /* @__PURE__ */ e(j, { reminder: m }),
       o.user && /* @__PURE__ */ e(
-        T,
+        Q,
         {
+          className: "str-chat__avatar str-chat__message-sender-avatar",
+          id: o.user.id,
           image: o.user.image,
-          name: o.user.name || o.user.id,
-          onClick: S,
-          onMouseOver: E,
-          user: o.user
+          name: o.user.name || o.user.id
         }
       ),
       /* @__PURE__ */ e(
         "div",
         {
-          className: M("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": oe || Y
+          className: k("str-chat__message-inner", {
+            "str-chat__simple-message--error-failed": X || O
           }),
           "data-testid": "message-inner",
-          onClick: H,
-          onKeyDown: H,
-          role: H ? "button" : void 0,
-          tabIndex: H ? 0 : void 0,
+          onClick: M,
+          onKeyDown: M,
+          role: M ? "button" : void 0,
+          tabIndex: M ? 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
             marginInlineEnd: 0,
             marginInlineStart: 0
           },
-          children: ee ? (
+          children: A ? (
             /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ e(De, { message: o, standalone: !0 })
+            /* @__PURE__ */ e(Ee, { message: o, standalone: !0 })
           ) : /* @__PURE__ */ c("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ c("div", { className: "str-chat__message-bubble", children: [
-              ie && /* @__PURE__ */ e(vs, { poll: ie }),
-              O != null && O.length && !o.quoted_message ? /* @__PURE__ */ e(
-                C,
+              P && /* @__PURE__ */ e(gs, { poll: P }),
+              G != null && G.length && !o.quoted_message ? /* @__PURE__ */ e(
+                w,
                 {
                   actionHandler: a,
-                  attachments: O
+                  attachments: G
                 }
               ) : null,
-              P ? /* @__PURE__ */ e(
-                re,
+              Z ? /* @__PURE__ */ e(
+                z,
                 {
                   message: o,
-                  renderText: N
+                  renderText: _
                 }
-              ) : /* @__PURE__ */ e(ws, { message: o, renderText: N }),
-              /* @__PURE__ */ e(ps, {})
+              ) : /* @__PURE__ */ e(xs, { message: o, renderText: _ }),
+              /* @__PURE__ */ e(bs, {})
             ] }),
-            /* @__PURE__ */ e(De, { message: o })
+            /* @__PURE__ */ e(Ee, { message: o })
           ] })
         }
       ),
-      ae && /* @__PURE__ */ e(
-        q,
+      Y && /* @__PURE__ */ e(
+        D,
         {
-          onClick: m,
+          onClick: u,
           reply_count: o.reply_count
         }
       ),
-      le && /* @__PURE__ */ e(ne, {}),
-      Z && /* @__PURE__ */ c("div", { className: "str-chat__message-metadata", children: [
-        /* @__PURE__ */ e(Q, {}),
-        !f() && !!o.user && /* @__PURE__ */ e("span", { className: "str-chat__message-simple-name", children: o.user.name || o.user.id }),
-        /* @__PURE__ */ e(X, { customClass: "str-chat__message-simple-timestamp" }),
-        z && /* @__PURE__ */ e("span", { className: "str-chat__mesage-simple-edited", children: u("Edited") }),
-        z && /* @__PURE__ */ e(ys, { calendar: !0, open: R })
-      ] })
+      J && /* @__PURE__ */ e(C, {})
     ] }, o.id)
   ] });
-}, et = B.memo(
-  Ks,
-  Qe
-), st = (t) => {
-  const s = Es("CustomMessage");
-  return /* @__PURE__ */ e(et, { ...s, ...t });
-}, tt = (t) => ({
+}, Ys = U.memo(
+  Zs,
+  Je
+), Js = (t) => {
+  const s = Cs("CustomMessage");
+  return /* @__PURE__ */ e(Ys, { ...s, ...t });
+}, Qs = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
-    (s) => Re.previewIsLoaded(s) || Re.previewIsLoading(s)
+    (s) => ye.previewIsLoaded(s) || ye.previewIsLoading(s)
   )
-}), nt = ({
+}), Xs = ({
   link: t,
   onDismiss: s
 }) => {
@@ -714,7 +701,7 @@ const Xs = (t) => /* @__PURE__ */ e(Je, { ...t, position: "center" }), Ks = (t)
             },
             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",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ e(pe, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ e(fe, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ c("div", { className: "p-2", children: [
@@ -724,32 +711,32 @@ const Xs = (t) => /* @__PURE__ */ e(Je, { ...t, position: "center" }), Ks = (t)
       ]
     }
   );
-}, rt = () => {
-  const { linkPreviewsManager: t } = Is(), { linkPreviews: s } = _s(
+}, Ks = () => {
+  const { linkPreviewsManager: t } = Ns(), { linkPreviews: s } = vs(
     t.state,
-    tt
+    Qs
   ), 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(
-    nt,
+    Xs,
     {
       link: l,
       onDismiss: n
     },
     l.og_scrape_url
   )) }) : null;
-}, at = () => {
-  const { handleSubmit: t } = Ms(), s = ks();
-  return /* @__PURE__ */ c(we, { children: [
-    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Rs, {}) }),
+}, et = () => {
+  const { handleSubmit: t } = ys(), s = ps();
+  return /* @__PURE__ */ c(he, { children: [
+    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Es, {}) }),
     /* @__PURE__ */ c("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(Ts, {}),
-      /* @__PURE__ */ e(rt, {}),
-      /* @__PURE__ */ e(Ds, {}),
+      /* @__PURE__ */ e(Is, {}),
+      /* @__PURE__ */ e(Ks, {}),
+      /* @__PURE__ */ e(_s, {}),
       /* @__PURE__ */ c("div", { className: "flex", children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
-          Fs,
+          Ss,
           {
             className: "w-full resize-none outline-none leading-6",
             autoFocus: !0,
@@ -765,18 +752,18 @@ const Xs = (t) => /* @__PURE__ */ e(Je, { ...t, position: "center" }), Ks = (t)
             disabled: !s,
             onClick: t,
             type: "button",
-            children: /* @__PURE__ */ e(As, { className: "size-4" })
+            children: /* @__PURE__ */ e(Ls, { className: "size-4" })
           }
         )
       ] })
     ] })
   ] });
-}, lt = ({
+}, st = ({
   renderActions: t
 }) => /* @__PURE__ */ c("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && (t == null ? void 0 : t()),
-  /* @__PURE__ */ e(Ss, { Input: at })
-] }), ot = (t) => {
+  /* @__PURE__ */ e(ws, { Input: et })
+] }), tt = (t) => {
   const s = t.message.hide_date === !0;
   return /* @__PURE__ */ c("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
     /* @__PURE__ */ c("div", { className: "str-chat__message--system__text", children: [
@@ -784,12 +771,12 @@ const Xs = (t) => /* @__PURE__ */ e(Je, { ...t, position: "center" }), Ks = (t)
       /* @__PURE__ */ e("p", { children: t.message.text }),
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" })
     ] }),
-    !s && /* @__PURE__ */ e(Fe, { message: t.message })
+    !s && /* @__PURE__ */ e(Ms, { message: t.message })
   ] });
-}, it = () => null, ct = ({ className: t, message: s }) => /* @__PURE__ */ c(
+}, nt = () => null, rt = ({ className: t, message: s }) => /* @__PURE__ */ c(
   "div",
   {
-    className: M("flex items-center justify-center h-full", t),
+    className: k("flex items-center justify-center h-full", t),
     children: [
       /* @__PURE__ */ c("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ e("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ e(
@@ -829,39 +816,39 @@ const Xs = (t) => /* @__PURE__ */ e(Je, { ...t, position: "center" }), Ks = (t)
       s && /* @__PURE__ */ e("span", { className: "text-stone", children: s })
     ]
   }
-), ge = B.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ e(ct, { className: "w-6 h-6" }),
+), ce = U.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ e(rt, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-ge.displayName = "LoadingState";
-const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) => {
-  var f, o, S, E, N, v;
-  const { channel: l } = Le(), d = B.useMemo(() => Object.values(l.state.members || {}).find(
-    (u) => {
+ce.displayName = "LoadingState";
+const at = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) => {
+  var f, o, _, p, N, v;
+  const { channel: l } = Ie(), d = U.useMemo(() => Object.values(l.state.members || {}).find(
+    (m) => {
       var w;
-      return ((w = u.user) == null ? void 0 : w.id) && u.user.id !== l._client.userID;
+      return ((w = m.user) == null ? void 0 : w.id) && m.user.id !== l._client.userID;
     }
-  ), [l._client.userID, l.state.members]), a = ((f = d == null ? void 0 : d.user) == null ? void 0 : f.name) || ((o = d == null ? void 0 : d.user) == null ? void 0 : o.id) || "Unknown member", m = (S = d == null ? void 0 : d.user) == null ? void 0 : S.image, [h, g] = I(
-    !!((E = l.state.membership) != null && E.pinned_at)
+  ), [l._client.userID, l.state.members]), a = ((f = d == null ? void 0 : d.user) == null ? void 0 : f.name) || ((o = d == null ? void 0 : d.user) == null ? void 0 : o.id) || "Unknown member", u = (_ = d == null ? void 0 : d.user) == null ? void 0 : _.image, [h, g] = I(
+    !!((p = l.state.membership) != null && p.pinned_at)
   );
-  W(() => {
-    const b = (u) => {
+  V(() => {
+    const x = (m) => {
       var w;
       g(
-        u != null && u.member ? !!u.member.pinned_at : !!((w = l.state.membership) != null && w.pinned_at)
+        m != null && m.member ? !!m.member.pinned_at : !!((w = l.state.membership) != null && w.pinned_at)
       );
     };
-    return l.on("member.updated", b), () => {
-      l.off("member.updated", b);
+    return l.on("member.updated", x), () => {
+      l.off("member.updated", x);
     };
   }, [l]);
-  const p = async () => {
+  const y = async () => {
     try {
       h ? await l.unpin() : await l.pin();
-    } catch (b) {
+    } catch (x) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        b
+        x
       );
     }
   };
@@ -871,7 +858,7 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
         /* @__PURE__ */ e(
           "button",
           {
-            className: M(
+            className: k(
               "size-10 rounded-full bg-[#F1F0EE] flex items-center justify-center",
               !s && "invisible"
             ),
@@ -879,18 +866,18 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ e(Ie, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(be, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ e("div", { className: "size-10" })
       ] }),
       /* @__PURE__ */ c("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ e(
-          se,
+          Q,
           {
             id: ((N = d == null ? void 0 : d.user) == null ? void 0 : N.id) || l.id || "unknown",
             name: a,
-            image: m,
+            image: u,
             size: 40
           }
         ),
@@ -901,11 +888,11 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
           "button",
           {
             className: "size-10 rounded-full bg-[#F1F0EE] flex items-center justify-center",
-            onClick: p,
+            onClick: y,
             type: "button",
             "aria-label": h ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              _e,
+              Ce,
               {
                 className: "size-5 text-black/90",
                 weight: h ? "fill" : "regular"
@@ -920,7 +907,7 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Se, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Ne, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -934,15 +921,15 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
             onClick: t,
             className: "size-10 rounded-full bg-[#F1F0EE] flex items-center justify-center",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ e(Ie, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(be, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ e(
-          se,
+          Q,
           {
             id: ((v = d == null ? void 0 : d.user) == null ? void 0 : v.id) || l.id || "unknown",
             name: a,
-            image: m,
+            image: u,
             size: 40
           }
         ),
@@ -953,11 +940,11 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
           "button",
           {
             className: "size-10 rounded-full bg-[#F1F0EE] flex items-center justify-center",
-            onClick: p,
+            onClick: y,
             type: "button",
             "aria-label": h ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              _e,
+              Ce,
               {
                 className: "size-5 text-black/90",
                 weight: h ? "fill" : "regular"
@@ -972,13 +959,13 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Se, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Ne, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] })
   ] });
-}, mt = ({
+}, lt = ({
   dialogRef: t,
   onClose: s,
   participant: n,
@@ -986,39 +973,39 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
   followerStatusLabel: l,
   onLeaveConversation: d,
   onBlockParticipant: a,
-  showDeleteConversation: m = !0,
+  showDeleteConversation: u = !0,
   onDeleteConversationClick: h,
   onBlockParticipantClick: g,
-  onReportParticipantClick: p
+  onReportParticipantClick: y
 }) => {
-  var ne, q, Q, X, K, re, U;
-  const { service: f, debug: o } = xe(), [S, E] = I(!1), [N, v] = I(!1), [b, u] = I(!1), w = D(async () => {
-    var k;
-    if (!(!f || !((k = n == null ? void 0 : n.user) != null && k.id)))
+  var se, Z, G, Y, J, X, O;
+  const { service: f, debug: o } = de(), [_, p] = I(!1), [N, v] = I(!1), [x, m] = I(!1), w = T(async () => {
+    var M;
+    if (!(!f || !((M = n == null ? void 0 : n.user) != null && M.id)))
       try {
         const P = (await f.getBlockedUsers()).some(
-          (O) => {
-            var Z;
-            return O.blocked_user_id === ((Z = n == null ? void 0 : n.user) == null ? void 0 : Z.id);
+          (A) => {
+            var W;
+            return A.blocked_user_id === ((W = n == null ? void 0 : n.user) == null ? void 0 : W.id);
           }
         );
-        E(P);
+        p(P);
       } catch (F) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
           F
         );
       }
-  }, [f, (ne = n == null ? void 0 : n.user) == null ? void 0 : ne.id]);
-  W(() => {
+  }, [f, (se = n == null ? void 0 : n.user) == null ? void 0 : se.id]);
+  V(() => {
     w();
   }, [w]);
-  const _ = async () => {
-    var k;
+  const S = async () => {
+    var M;
     if (!N) {
       h == null || h(), o && console.log("[ChannelInfoDialog] Leave conversation", r.cid), v(!0);
       try {
-        const F = ((k = r._client) == null ? void 0 : k.userID) ?? null;
+        const F = ((M = r._client) == null ? void 0 : M.userID) ?? null;
         await r.hide(F, !1), d && await d(r), s();
       } catch (F) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", F);
@@ -1027,38 +1014,38 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
       }
     }
   }, R = async () => {
-    var k, F, P;
-    if (!(b || !f)) {
-      g == null || g(), o && console.log("[ChannelInfoDialog] Block member", (k = n == null ? void 0 : n.user) == null ? void 0 : k.id), u(!0);
+    var M, F, P;
+    if (!(x || !f)) {
+      g == null || g(), o && console.log("[ChannelInfoDialog] Block member", (M = n == null ? void 0 : n.user) == null ? void 0 : M.id), m(!0);
       try {
         await f.blockUser((F = n == null ? void 0 : n.user) == null ? void 0 : F.id), a && await a((P = n == null ? void 0 : n.user) == null ? void 0 : P.id), s();
-      } catch (O) {
-        console.error("[ChannelInfoDialog] Failed to block member", O);
+      } catch (A) {
+        console.error("[ChannelInfoDialog] Failed to block member", A);
       } finally {
-        u(!1);
+        m(!1);
       }
     }
-  }, x = async () => {
-    var k, F, P;
-    if (!(b || !f)) {
-      g == null || g(), o && console.log("[ChannelInfoDialog] Unblock member", (k = n == null ? void 0 : n.user) == null ? void 0 : k.id), u(!0);
+  }, b = async () => {
+    var M, F, P;
+    if (!(x || !f)) {
+      g == null || g(), o && console.log("[ChannelInfoDialog] Unblock member", (M = n == null ? void 0 : n.user) == null ? void 0 : M.id), m(!0);
       try {
         await f.unBlockUser((F = n == null ? void 0 : n.user) == null ? void 0 : F.id), a && await a((P = n == null ? void 0 : n.user) == null ? void 0 : P.id), s();
-      } catch (O) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", O);
+      } catch (A) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", A);
       } finally {
-        u(!1);
+        m(!1);
       }
     }
   }, i = () => {
-    p == null || p(), s(), window.open(
+    y == null || y(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
       "noopener,noreferrer"
     );
   };
   if (!n) return null;
-  const C = ((q = n.user) == null ? void 0 : q.name) || ((Q = n.user) == null ? void 0 : Q.id) || "Unknown member", T = (X = n.user) == null ? void 0 : X.image, j = (K = n.user) == null ? void 0 : K.email, G = (re = n.user) == null ? void 0 : re.username, J = j || (G ? `linktr.ee/${G}` : void 0), te = ((U = n.user) == null ? void 0 : U.id) || "unknown";
+  const C = ((Z = n.user) == null ? void 0 : Z.name) || ((G = n.user) == null ? void 0 : G.id) || "Unknown member", D = (Y = n.user) == null ? void 0 : Y.image, j = (J = n.user) == null ? void 0 : J.email, z = (X = n.user) == null ? void 0 : X.username, q = j || (z ? `linktr.ee/${z}` : void 0), ee = ((O = n.user) == null ? void 0 : O.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -1067,13 +1054,13 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (k) => {
-          k.target === t.current && s();
+        onClick: (M) => {
+          M.target === t.current && s();
         },
         children: /* @__PURE__ */ c("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__ */ c("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($e, { onClick: s })
+            /* @__PURE__ */ e(Te, { onClick: s })
           ] }),
           /* @__PURE__ */ c("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ e(
@@ -1083,18 +1070,18 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
                 style: { backgroundColor: "#FBFAF9" },
                 children: /* @__PURE__ */ c("div", { className: "flex items-center gap-3 w-full", children: [
                   /* @__PURE__ */ e(
-                    se,
+                    Q,
                     {
-                      id: te,
+                      id: ee,
                       name: C,
-                      image: T,
+                      image: D,
                       size: 88,
                       shape: "circle"
                     }
                   ),
                   /* @__PURE__ */ c("div", { className: "flex flex-col min-w-0 flex-1", children: [
                     /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: C }),
-                    J && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: J }),
+                    q && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: q }),
                     l && /* @__PURE__ */ e(
                       "span",
                       {
@@ -1114,43 +1101,43 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
               }
             ),
             /* @__PURE__ */ c("ul", { className: "flex flex-col gap-2 mt-2", children: [
-              m && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(
-                ue,
+              u && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(
+                le,
                 {
-                  onClick: _,
+                  onClick: S,
                   disabled: N,
                   "aria-busy": N,
                   children: [
-                    N ? /* @__PURE__ */ e(he, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(js, { className: "h-5 w-5" }),
+                    N ? /* @__PURE__ */ e(oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ps, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: S ? /* @__PURE__ */ c(
-                ue,
+              /* @__PURE__ */ e("li", { children: _ ? /* @__PURE__ */ c(
+                le,
                 {
-                  onClick: x,
-                  disabled: b,
-                  "aria-busy": b,
+                  onClick: b,
+                  disabled: x,
+                  "aria-busy": x,
                   children: [
-                    b ? /* @__PURE__ */ e(he, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Me, { className: "h-5 w-5" }),
+                    x ? /* @__PURE__ */ e(oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(ve, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ c(
-                ue,
+                le,
                 {
                   onClick: R,
-                  disabled: b,
-                  "aria-busy": b,
+                  disabled: x,
+                  "aria-busy": x,
                   children: [
-                    b ? /* @__PURE__ */ e(he, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Me, { className: "h-5 w-5" }),
+                    x ? /* @__PURE__ */ e(oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(ve, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(ue, { variant: "danger", onClick: i, children: [
-                /* @__PURE__ */ e($s, { className: "h-5 w-5" }),
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(le, { variant: "danger", onClick: i, children: [
+                /* @__PURE__ */ e(Os, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) })
             ] })
@@ -1159,7 +1146,7 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
       }
     )
   );
-}, ut = ({
+}, ot = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
@@ -1167,46 +1154,46 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
   onBlockParticipant: l,
   showDeleteConversation: d = !0,
   onDeleteConversationClick: a,
-  onBlockParticipantClick: m,
+  onBlockParticipantClick: u,
   onReportParticipantClick: h
 }) => {
-  const { channel: g } = Le(), p = V(null), f = B.useMemo(() => Object.values(g.state.members || {}).find(
+  const { channel: g } = Ie(), y = H(null), f = U.useMemo(() => Object.values(g.state.members || {}).find(
     (v) => {
-      var b;
-      return ((b = v.user) == null ? void 0 : b.id) && v.user.id !== g._client.userID;
+      var x;
+      return ((x = v.user) == null ? void 0 : x.id) && v.user.id !== g._client.userID;
     }
-  ), [g._client.userID, g.state.members]), o = B.useMemo(() => {
+  ), [g._client.userID, g.state.members]), o = U.useMemo(() => {
     const N = g.data ?? {};
     if (N.followerStatus)
       return String(N.followerStatus);
     if (N.isFollower !== void 0)
       return N.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [g.data]), S = D(() => {
+  }, [g.data]), _ = T(() => {
     var N;
-    (N = p.current) == null || N.showModal();
-  }, []), E = D(() => {
+    (N = y.current) == null || N.showModal();
+  }, []), p = T(() => {
     var N;
-    (N = p.current) == null || N.close();
+    (N = y.current) == null || N.close();
   }, []);
-  return /* @__PURE__ */ c(we, { children: [
+  return /* @__PURE__ */ c(he, { children: [
     /* @__PURE__ */ e(
-      Ps,
+      Rs,
       {
         overrides: {
-          Message: (N) => /* @__PURE__ */ e(st, { ...N })
+          Message: (N) => /* @__PURE__ */ e(Js, { ...N })
         },
-        children: /* @__PURE__ */ c(Os, { children: [
+        children: /* @__PURE__ */ c(Ds, { children: [
           /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-            dt,
+            at,
             {
               onBack: t,
               showBackButton: s,
-              onShowInfo: S,
+              onShowInfo: _,
               canShowInfo: !!f
             }
           ) }),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
-            Us,
+            Ts,
             {
               hideDeletedMessages: !0,
               hideNewMessageSeparator: !1,
@@ -1214,7 +1201,7 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
             }
           ) }),
           /* @__PURE__ */ e(
-            lt,
+            st,
             {
               renderActions: () => n == null ? void 0 : n(g)
             }
@@ -1223,10 +1210,10 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
       }
     ),
     /* @__PURE__ */ e(
-      mt,
+      lt,
       {
-        dialogRef: p,
-        onClose: E,
+        dialogRef: y,
+        onClose: p,
         participant: f,
         channel: g,
         followerStatusLabel: o,
@@ -1234,12 +1221,12 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
         onBlockParticipant: l,
         showDeleteConversation: d,
         onDeleteConversationClick: a,
-        onBlockParticipantClick: m,
+        onBlockParticipantClick: u,
         onReportParticipantClick: h
       }
     )
   ] });
-}, ze = B.memo(
+}, Fe = U.memo(
   ({
     channel: t,
     onBack: s,
@@ -1248,63 +1235,63 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
     onLeaveConversation: l,
     onBlockParticipant: d,
     className: a,
-    CustomChannelEmptyState: m = it,
+    CustomChannelEmptyState: u = nt,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: g,
-    onBlockParticipantClick: p,
+    onBlockParticipantClick: y,
     onReportParticipantClick: f,
     dmAgentEnabled: o,
-    messageMetadata: S,
-    onMessageSent: E
+    messageMetadata: _,
+    onMessageSent: p
   }) => {
-    const N = D(
-      async (v, b, u) => {
+    const N = T(
+      async (v, x, m) => {
         var C;
-        const w = ((C = t.data) == null ? void 0 : C.chatbot_paused) === !0, _ = o && !w, R = {
-          ...b,
-          ..._ && { silent: !0 },
-          ...S && {
+        const w = ((C = t.data) == null ? void 0 : C.chatbot_paused) === !0, S = o && !w, R = {
+          ...x,
+          ...S && { silent: !0 },
+          ..._ && {
             metadata: {
-              ...b.metadata ?? {},
-              ...S
+              ...x.metadata ?? {},
+              ..._
             }
           }
-        }, x = {
-          ...u,
-          ..._ && { skip_push: !0 }
-        }, i = await t.sendMessage(R, x);
-        return E == null || E(i), i;
+        }, b = {
+          ...m,
+          ...S && { skip_push: !0 }
+        }, i = await t.sendMessage(R, b);
+        return p == null || p(i), i;
       },
-      [t, o, S, E]
+      [t, o, _, p]
     );
     return /* @__PURE__ */ e(
       "div",
       {
-        className: M(
+        className: k(
           "messaging-channel-view h-full flex flex-col",
           a
         ),
         children: /* @__PURE__ */ e(
-          Ls,
+          ks,
           {
             channel: t,
-            MessageSystem: ot,
-            EmptyStateIndicator: m,
-            LoadingIndicator: ge,
-            DateSeparator: Xs,
+            MessageSystem: tt,
+            EmptyStateIndicator: u,
+            LoadingIndicator: ce,
+            DateSeparator: qs,
             doSendMessageRequest: N,
             children: /* @__PURE__ */ e(
-              ut,
+              ot,
               {
                 onBack: s,
                 showBackButton: n,
                 renderMessageInputActions: r,
                 onLeaveConversation: l,
                 onBlockParticipant: d,
-                CustomChannelEmptyState: m,
+                CustomChannelEmptyState: u,
                 showDeleteConversation: h,
                 onDeleteConversationClick: g,
-                onBlockParticipantClick: p,
+                onBlockParticipantClick: y,
                 onReportParticipantClick: f
               }
             )
@@ -1314,16 +1301,16 @@ const dt = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
     );
   }
 );
-ze.displayName = "ChannelView";
-function ht({
+Fe.displayName = "ChannelView";
+function it({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
 }) {
-  const r = V(null);
+  const r = H(null);
   return /* @__PURE__ */ c("div", { className: "relative", children: [
     /* @__PURE__ */ e(
-      zs,
+      Us,
       {
         className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone",
         weight: "bold"
@@ -1341,7 +1328,7 @@ function ht({
       }
     ),
     t && /* @__PURE__ */ e(
-      je,
+      De,
       {
         label: "Clear search",
         onClick: () => {
@@ -1349,12 +1336,12 @@ function ht({
           s(""), (l = r.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(pe, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ e(fe, { className: "h-4 w-4", weight: "bold" })
       }
     )
   ] });
 }
-const ft = ({
+const ct = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
@@ -1363,26 +1350,26 @@ const ft = ({
   searchPlaceholder: d = "Search participants...",
   className: a
 }) => {
-  const { debug: m } = xe(), [h, g] = I(""), [p, f] = I([]), [o, S] = I(!1), [E, N] = I(null), [v, b] = I(
+  const { debug: u } = de(), [h, g] = I(""), [y, f] = I([]), [o, _] = I(!1), [p, N] = I(null), [v, x] = I(
     null
-  ), u = V(!1);
-  W(() => {
+  ), m = H(!1);
+  V(() => {
     if (t.loading) {
-      m && console.log(
+      u && console.log(
         "[ParticipantPicker] Waiting for participant source to finish loading..."
       );
       return;
     }
-    if (u.current) return;
+    if (m.current) return;
     (async () => {
-      m && console.log("[ParticipantPicker] Loading initial participants..."), S(!0), N(null);
+      u && console.log("[ParticipantPicker] Loading initial participants..."), _(!0), N(null);
       try {
         const i = await t.loadParticipants({
           search: "",
           // Load all participants initially
           limit: 100
         });
-        f(i.participants), u.current = !0, m && console.log(
+        f(i.participants), m.current = !0, u && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
           i.participants.length
         );
@@ -1390,35 +1377,35 @@ const ft = ({
         const C = i instanceof Error ? i.message : "Failed to load participants";
         N(C), console.error("[ParticipantPicker] Failed to load participants:", i);
       } finally {
-        S(!1);
+        _(!1);
       }
     })();
-  }, [t.loading, m]);
-  const w = p.filter((x) => !r.has(x.id)).filter((x) => {
+  }, [t.loading, u]);
+  const w = y.filter((b) => !r.has(b.id)).filter((b) => {
     var C;
     if (!h) return !0;
     const i = h.toLowerCase();
-    return x.name.toLowerCase().includes(i) || ((C = x.email) == null ? void 0 : C.toLowerCase().includes(i)) || !1;
-  }), _ = D(
-    async (x) => {
+    return b.name.toLowerCase().includes(i) || ((C = b.email) == null ? void 0 : C.toLowerCase().includes(i)) || !1;
+  }), S = T(
+    async (b) => {
       if (!v) {
-        b(x.id);
+        x(b.id);
         try {
-          await s(x);
+          await s(b);
         } catch (i) {
-          console.error("[ParticipantPicker] Failed to start chat:", i), b(null);
+          console.error("[ParticipantPicker] Failed to start chat:", i), x(null);
         }
       }
     },
     [s, v]
-  ), R = (x, i) => {
-    (x.key === "Enter" || x.key === " ") && (x.preventDefault(), _(i));
+  ), R = (b, i) => {
+    (b.key === "Enter" || b.key === " ") && (b.preventDefault(), S(i));
   };
-  return /* @__PURE__ */ c("div", { className: M("flex flex-col h-full", a), children: [
+  return /* @__PURE__ */ c("div", { className: k("flex flex-col h-full", a), children: [
     /* @__PURE__ */ c("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
       /* @__PURE__ */ c("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($e, { onClick: n })
+        /* @__PURE__ */ e(Te, { onClick: n })
       ] }),
       /* @__PURE__ */ c("p", { className: "text-xs text-stone mb-3", children: [
         "Select a ",
@@ -1429,7 +1416,7 @@ const ft = ({
         t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
       /* @__PURE__ */ e(
-        ht,
+        it,
         {
           searchQuery: h,
           setSearchQuery: g,
@@ -1437,11 +1424,11 @@ const ft = ({
         }
       )
     ] }),
-    E && /* @__PURE__ */ c("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    p && /* @__PURE__ */ c("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
       l,
       ": ",
-      E
+      p
     ] }),
     /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: o && w.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ c("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" }),
@@ -1451,27 +1438,27 @@ const ft = ({
         "..."
       ] })
     ] }) }) : w.length === 0 ? /* @__PURE__ */ c("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(ke, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: h ? `No ${l} found` : p.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: h ? "Try a different search term" : p.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
+      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(we, { className: "h-8 w-8 text-charcoal" }) }),
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: h ? `No ${l} found` : y.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: h ? "Try a different search term" : y.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
     ] }) : /* @__PURE__ */ c("ul", { className: "space-y-0", children: [
-      w.map((x) => {
-        const i = x.name || x.email || x.id, C = x.email && x.name ? x.email : x.phone;
+      w.map((b) => {
+        const i = b.name || b.email || b.id, C = b.email && b.name ? b.email : b.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => _(x),
-            onKeyDown: (T) => R(T, x),
+            onClick: () => S(b),
+            onKeyDown: (D) => R(D, b),
             className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus:outline-none focus:ring-2 focus:ring-black",
             children: /* @__PURE__ */ c("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ c("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
                 /* @__PURE__ */ e(
-                  se,
+                  Q,
                   {
-                    id: x.id,
+                    id: b.id,
                     name: i,
-                    image: x.image,
+                    image: b.image,
                     size: 40
                   }
                 ),
@@ -1480,10 +1467,10 @@ const ft = ({
                   C && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: C })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: v === x.id ? /* @__PURE__ */ e(he, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(ke, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: v === b.id ? /* @__PURE__ */ e(oe, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(we, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
-        ) }, x.id);
+        ) }, b.id);
       }),
       o && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ c("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" }),
@@ -1491,7 +1478,7 @@ const ft = ({
       ] }) })
     ] }) })
   ] });
-}, gt = ({ className: t }) => /* @__PURE__ */ c(
+}, dt = ({ className: t }) => /* @__PURE__ */ c(
   "svg",
   {
     width: "140",
@@ -1625,17 +1612,17 @@ const ft = ({
       ] })
     ]
   }
-), Ge = B.memo(
+), Le = U.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__ */ c("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(gt, {}),
+    /* @__PURE__ */ e(dt, {}),
     s && !t && /* @__PURE__ */ c("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" })
     ] })
   ] }) })
 );
-Ge.displayName = "EmptyState";
-const fe = B.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ c("div", { className: "text-center max-w-sm", children: [
+Le.displayName = "EmptyState";
+const ie = U.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ c("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!" }),
   /* @__PURE__ */ e("p", { className: "text-stone text-sm mb-6", children: t }),
@@ -1649,8 +1636,8 @@ const fe = B.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
     }
   )
 ] }) }));
-fe.displayName = "ErrorState";
-const It = ({
+ie.displayName = "ErrorState";
+const vt = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
@@ -1658,86 +1645,86 @@ const It = ({
   onParticipantSelect: l,
   initialParticipantFilter: d,
   initialParticipantData: a,
-  CustomChannelEmptyState: m,
+  CustomChannelEmptyState: u,
   showChannelList: h = !0,
   filters: g,
-  channelListCustomEmptyStateIndicator: p,
+  channelListCustomEmptyStateIndicator: y,
   onDeleteConversationClick: f,
   onBlockParticipantClick: o,
-  onReportParticipantClick: S,
-  dmAgentEnabled: E,
+  onReportParticipantClick: _,
+  dmAgentEnabled: p,
   messageMetadata: N,
   onMessageSent: v
 }) => {
   const {
-    service: b,
-    client: u,
+    service: x,
+    client: m,
     isConnected: w,
-    isLoading: _,
+    isLoading: S,
     error: R,
-    refreshConnection: x,
+    refreshConnection: b,
     debug: i
-  } = Gs(), [C, T] = I(null), [j, G] = I(!1), [J, te] = I(!1), [ne, q] = I(!1), [Q, X] = I(/* @__PURE__ */ new Set()), [K, re] = I(0), [U, k] = I(!1), [F, P] = I(null), O = V(null), {
-    participantSource: Z,
-    participantLabel: ae = "participants",
-    showDeleteConversation: le = !0
-  } = t, oe = B.useMemo(() => {
-    const y = u == null ? void 0 : u.userID;
+  } = Bs(), [C, D] = I(null), [j, z] = I(!1), [q, ee] = I(!1), [se, Z] = I(!1), [G, Y] = I(/* @__PURE__ */ new Set()), [J, X] = I(0), [O, M] = I(!1), [F, P] = I(null), A = H(null), {
+    participantSource: W,
+    participantLabel: te = "participants",
+    showDeleteConversation: Pe = !0
+  } = t, Oe = U.useMemo(() => {
+    const E = m == null ? void 0 : m.userID;
     return {
       ...{
         type: "messaging",
         last_message_at: { $exists: !0 },
-        ...y && {
-          members: { $in: [y] },
+        ...E && {
+          members: { $in: [E] },
           hidden: !1
         }
       },
       ...g
     };
-  }, [g, u == null ? void 0 : u.userID]), Y = V(null), z = D(async () => {
-    if (!u || !w) return;
-    const y = u.userID;
-    if (y)
+  }, [g, m == null ? void 0 : m.userID]), ne = H(null), K = T(async () => {
+    if (!m || !w) return;
+    const E = m.userID;
+    if (E)
       try {
-        i && console.log("[MessagingShell] Syncing channels for user:", y);
-        const $ = await u.queryChannels(
+        i && console.log("[MessagingShell] Syncing channels for user:", E);
+        const $ = await m.queryChannels(
           {
             type: "messaging",
-            members: { $in: [y] }
+            members: { $in: [E] }
           },
           {},
           { limit: 100 }
         ), L = /* @__PURE__ */ new Set();
-        $.forEach((A) => {
-          const Ne = A.state.members;
-          Object.values(Ne).forEach((He) => {
-            var ye;
-            const ve = (ye = He.user) == null ? void 0 : ye.id;
-            ve && ve !== y && L.add(ve);
+        $.forEach((B) => {
+          const me = B.state.members;
+          Object.values(me).forEach((Ge) => {
+            var ge;
+            const ue = (ge = Ge.user) == null ? void 0 : ge.id;
+            ue && ue !== E && L.add(ue);
           });
-        }), X((A) => A.size === L.size && [...A].every((Ne) => L.has(Ne)) ? A : L), G($.length > 0), te(!0), Y.current = y, i && console.log("[MessagingShell] Channels synced successfully:", {
+        }), Y((B) => B.size === L.size && [...B].every((me) => L.has(me)) ? B : L), z($.length > 0), ee(!0), ne.current = E, i && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: $.length,
           memberCount: L.size
         });
       } catch ($) {
         console.error("[MessagingShell] Failed to sync channels:", $);
       }
-  }, [u, w, i]);
-  W(() => {
-    if (!u || !w) return;
-    const y = u.userID;
-    y && Y.current !== y && z();
-  }, [u, w, z]), W(() => {
-    if (!d || !u || !w) return;
+  }, [m, w, i]);
+  V(() => {
+    if (!m || !w) return;
+    const E = m.userID;
+    E && ne.current !== E && K();
+  }, [m, w, K]), V(() => {
+    if (!d || !m || !w) return;
     (async () => {
-      const $ = u.userID;
+      const $ = m.userID;
       if ($)
         try {
           i && console.log(
             "[MessagingShell] Loading initial conversation with:",
             d
           );
-          const L = await u.queryChannels(
+          const L = await m.queryChannels(
             {
               type: "messaging",
               members: { $eq: [$, d] }
@@ -1746,30 +1733,30 @@ const It = ({
             { limit: 1 }
           );
           if (L.length > 0)
-            T(L[0]), k(!0), P(null), r && r(L[0]), i && console.log(
+            D(L[0]), M(!0), P(null), r && r(L[0]), i && console.log(
               "[MessagingShell] Initial conversation loaded:",
               L[0].id
             );
-          else if (a && b) {
+          else if (a && x) {
             i && console.log(
               "[MessagingShell] No conversation found, creating one for:",
               a
             );
             try {
-              const A = await b.startChannelWithParticipant({
+              const B = await x.startChannelWithParticipant({
                 id: a.id,
                 name: a.name,
                 email: a.email,
                 phone: a.phone
               });
-              T(A), k(!0), P(null), r && r(A), i && console.log(
+              D(B), M(!0), P(null), r && r(B), i && console.log(
                 "[MessagingShell] Channel created and loaded:",
-                A.id
+                B.id
               );
-            } catch (A) {
+            } catch (B) {
               console.error(
                 "[MessagingShell] Failed to create conversation:",
-                A
+                B
               ), P("Failed to create conversation");
             }
           } else
@@ -1789,74 +1776,74 @@ const It = ({
   }, [
     d,
     a,
-    u,
+    m,
     w,
-    b,
+    x,
     i,
     r
   ]);
-  const H = D(
-    (y) => {
-      T(y), r == null || r(y);
+  const Ue = T(
+    (E) => {
+      D(E), r == null || r(E);
     },
     [r]
-  ), Ce = D(() => {
-    U || T(null);
-  }, [U]), ie = D(
-    async (y) => {
+  ), Be = T(() => {
+    O || D(null);
+  }, [O]), je = T(
+    async (E) => {
       var $;
-      if (b)
+      if (x)
         try {
           i && console.log(
             "[MessagingShell] Starting conversation with:",
-            y.id
+            E.id
           );
-          const L = await b.startChannelWithParticipant({
-            id: y.id,
-            name: y.name,
-            email: y.email,
-            phone: y.phone
+          const L = await x.startChannelWithParticipant({
+            id: E.id,
+            name: E.name,
+            email: E.email,
+            phone: E.phone
           });
           try {
             await L.show();
-          } catch (A) {
-            console.warn("[MessagingShell] Failed to unhide channel:", A);
+          } catch (B) {
+            console.warn("[MessagingShell] Failed to unhide channel:", B);
           }
-          T(L), q(!1), ($ = O.current) == null || $.close(), l == null || l(y);
+          D(L), Z(!1), ($ = A.current) == null || $.close(), l == null || l(E);
         } catch (L) {
           console.error("[MessagingShell] Failed to start conversation:", L);
         }
     },
-    [b, l, i]
-  ), ee = D(() => {
-    var y;
-    q(!1), (y = O.current) == null || y.close();
-  }, []), ce = D(
-    (y) => {
-      y.target === O.current && ee();
+    [x, l, i]
+  ), re = T(() => {
+    var E;
+    Z(!1), (E = A.current) == null || E.close();
+  }, []), Ae = T(
+    (E) => {
+      E.target === A.current && re();
     },
-    [ee]
-  ), de = D(
-    async (y) => {
-      i && console.log("[MessagingShell] Leaving conversation:", y.id), T(null), k(!1), Y.current = null, await z();
+    [re]
+  ), $e = T(
+    async (E) => {
+      i && console.log("[MessagingShell] Leaving conversation:", E.id), D(null), M(!1), ne.current = null, await K();
     },
-    [z, i]
-  ), be = D(
-    async (y) => {
-      i && console.log("[MessagingShell] Blocking participant:", y), T(null), k(!1), Y.current = null, await z();
+    [K, i]
+  ), ze = T(
+    async (E) => {
+      i && console.log("[MessagingShell] Blocking participant:", E), D(null), M(!1), ne.current = null, await K();
     },
-    [z, i]
-  ), me = !!C;
-  return _ ? /* @__PURE__ */ e("div", { className: M("h-full", s), children: /* @__PURE__ */ e(ge, {}) }) : R ? /* @__PURE__ */ e("div", { className: M("h-full", s), children: /* @__PURE__ */ e(fe, { message: R, onBack: x }) }) : !w || !u ? /* @__PURE__ */ e("div", { className: M("h-full", s), children: /* @__PURE__ */ e(
-    fe,
+    [K, i]
+  ), ae = !!C;
+  return S ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(ce, {}) }) : R ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(ie, { message: R, onBack: b }) }) : !w || !m ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(
+    ie,
     {
       message: "Not connected to messaging service",
-      onBack: x
+      onBack: b
     }
-  ) }) : F ? /* @__PURE__ */ e("div", { className: M("h-full", s), children: /* @__PURE__ */ e(fe, { message: F }) }) : /* @__PURE__ */ c(
+  ) }) : F ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(ie, { message: F }) }) : /* @__PURE__ */ c(
     "div",
     {
-      className: M(
+      className: k(
         "messaging-shell h-full bg-background-primary overflow-hidden",
         s
       ),
@@ -1865,23 +1852,23 @@ const It = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: M(
+              className: k(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": h === !1 || U,
+                  "!hidden": h === !1 || O,
                   // 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 && !U && me,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": h !== !1 && !O && ae,
                   // 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 && !U && !me
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": h !== !1 && !O && !ae
                 }
               ),
               children: /* @__PURE__ */ e(
-                Ae,
+                Re,
                 {
-                  onChannelSelect: H,
+                  onChannelSelect: Ue,
                   selectedChannel: C || void 0,
-                  filters: oe,
-                  customEmptyStateIndicator: p
+                  filters: Oe,
+                  customEmptyStateIndicator: y
                 }
               )
             }
@@ -1889,73 +1876,73 @@ const It = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: M(
+              className: k(
                 "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: U || me || d,
+                  flex: O || ae || d,
                   // Normal mode: hide on mobile when no channel selected
-                  "hidden lg:flex": !U && !me && !d
+                  "hidden lg:flex": !O && !ae && !d
                 }
               ),
               children: C ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
-                ze,
+                Fe,
                 {
                   channel: C,
-                  onBack: Ce,
-                  showBackButton: !U,
+                  onBack: Be,
+                  showBackButton: !O,
                   renderMessageInputActions: n,
-                  onLeaveConversation: de,
-                  onBlockParticipant: be,
-                  CustomChannelEmptyState: m,
-                  showDeleteConversation: le,
+                  onLeaveConversation: $e,
+                  onBlockParticipant: ze,
+                  CustomChannelEmptyState: u,
+                  showDeleteConversation: Pe,
                   onDeleteConversationClick: f,
                   onBlockParticipantClick: o,
-                  onReportParticipantClick: S,
-                  dmAgentEnabled: E,
+                  onReportParticipantClick: _,
+                  dmAgentEnabled: p,
                   messageMetadata: N,
                   onMessageSent: v
                 },
                 C.id
               ) }) : d ? (
                 // Show loading while creating/loading direct conversation channel
-                /* @__PURE__ */ e(ge, {})
+                /* @__PURE__ */ e(ce, {})
               ) : /* @__PURE__ */ e(
-                Ge,
+                Le,
                 {
                   hasChannels: j,
-                  channelsLoaded: J
+                  channelsLoaded: q
                 }
               )
             }
           )
         ] }),
-        Z && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+        W && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
         /* @__PURE__ */ e(
           "dialog",
           {
-            ref: O,
+            ref: A,
             className: "mes-dialog",
-            onClick: ce,
-            onClose: ee,
+            onClick: Ae,
+            onClose: re,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              ft,
+              ct,
               {
-                participantSource: Z,
-                onSelectParticipant: ie,
-                onClose: ee,
-                existingParticipantIds: Q,
-                participantLabel: ae,
-                searchPlaceholder: `Search ${ae}...`
+                participantSource: W,
+                onSelectParticipant: je,
+                onClose: re,
+                existingParticipantIds: G,
+                participantLabel: te,
+                searchPlaceholder: `Search ${te}...`
               },
-              K
+              J
             ) })
           }
         )
       ]
     }
   );
-}, xt = ({
+}, mt = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -1967,7 +1954,7 @@ const It = ({
     onClick: s,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: M(
+    className: k(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -1977,7 +1964,7 @@ const It = ({
     ),
     children: t
   }
-), _t = ({
+), wt = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
@@ -1986,10 +1973,10 @@ const It = ({
   avatarImage: d,
   avatarName: a
 }) => {
-  const m = t.filter((h) => h.enabled).sort((h, g) => (h.order ?? 0) - (g.order ?? 0));
-  return m.length === 0 ? null : /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ c("div", { className: "flex gap-3 items-end", children: [
+  const u = t.filter((h) => h.enabled).sort((h, g) => (h.order ?? 0) - (g.order ?? 0));
+  return u.length === 0 ? null : /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ c("div", { className: "flex gap-3 items-end", children: [
     (d || a) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
-      se,
+      Q,
       {
         id: a || "account",
         name: a || "Account",
@@ -2005,8 +1992,8 @@ const It = ({
         style: { backgroundColor: "#F1F0EE" },
         children: [
           r && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: r }),
-          m.map((h) => /* @__PURE__ */ e(
-            xt,
+          u.map((h) => /* @__PURE__ */ e(
+            mt,
             {
               question: h.question,
               onClick: () => s(h.id),
@@ -2018,59 +2005,59 @@ const It = ({
       }
     )
   ] }) });
-}, St = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: r = 20 } = s, [l, d] = I([]), [a, m] = I(!1), [h, g] = I(null), [p, f] = I(n), [o, S] = I(!0), [E, N] = I(), v = D(async (_ = !1, R) => {
+}, yt = (t, s = {}) => {
+  const { initialSearch: n = "", pageSize: r = 20 } = s, [l, d] = I([]), [a, u] = I(!1), [h, g] = I(null), [y, f] = I(n), [o, _] = I(!0), [p, N] = I(), v = T(async (S = !1, R) => {
     if (a) return;
-    const x = R !== void 0 ? R : p;
-    m(!0), g(null);
+    const b = R !== void 0 ? R : y;
+    u(!0), g(null);
     try {
       const i = await t.loadParticipants({
-        search: x || void 0,
+        search: b || void 0,
         limit: r,
-        cursor: _ ? void 0 : E
+        cursor: S ? void 0 : p
       });
       d(
-        (C) => _ ? i.participants : [...C, ...i.participants]
-      ), S(i.hasMore), N(i.nextCursor);
+        (C) => S ? i.participants : [...C, ...i.participants]
+      ), _(i.hasMore), N(i.nextCursor);
     } catch (i) {
       const C = i instanceof Error ? i.message : "Failed to load participants";
       g(C), console.error("[useParticipants] Load error:", i);
     } finally {
-      m(!1);
+      u(!1);
     }
-  }, [t, p, E, r, a]), b = D(() => {
+  }, [t, y, p, r, a]), x = T(() => {
     o && !a && v(!1);
-  }, [o, a, v]), u = D((_) => {
-    f(_), N(void 0), v(!0, _);
-  }, [v]), w = D(() => {
+  }, [o, a, v]), m = T((S) => {
+    f(S), N(void 0), v(!0, S);
+  }, [v]), w = T(() => {
     N(void 0), v(!0);
   }, [v]);
-  return W(() => {
+  return V(() => {
     v(!0);
   }, [t.loadParticipants]), {
     participants: l,
     loading: a,
     error: h,
-    searchQuery: p,
+    searchQuery: y,
     hasMore: o,
     totalCount: t.totalCount,
-    loadMore: b,
-    search: u,
+    loadMore: x,
+    search: m,
     refresh: w
   };
 };
 export {
-  se as Avatar,
-  it as ChannelEmptyState,
-  Ae as ChannelList,
-  ze as ChannelView,
-  _t as FaqList,
-  xt as FaqListItem,
-  Et as MessagingProvider,
-  It as MessagingShell,
-  ft as ParticipantPicker,
-  Vs as formatRelativeTime,
-  Gs as useMessaging,
-  St as useParticipants
+  Q as Avatar,
+  nt as ChannelEmptyState,
+  Re as ChannelList,
+  Fe as ChannelView,
+  wt as FaqList,
+  mt as FaqListItem,
+  Nt as MessagingProvider,
+  vt as MessagingShell,
+  ct as ParticipantPicker,
+  As as formatRelativeTime,
+  Bs as useMessaging,
+  yt as useParticipants
 };
 //# sourceMappingURL=index.js.map