@linktr.ee/messaging-react 1.12.8-rc-1766044049 → 1.12.8-rc-1766045447

package/dist/index.js

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as o, Fragment as we } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as we } from "react/jsx-runtime";
 import k from "classnames";
-import P, { createContext as ye, useContext as Ee, useCallback as _, useState as y, useRef as z, useEffect as G } from "react";
-import { StreamChatService as Be } from "@linktr.ee/messaging-core";
-import { Chat as $e, ChannelList as Ge, useMessageComposer as He, useStateStore as Ve, MessageInput as We, useMessageInputContext as Ze, useMessageComposerHasSendableData as qe, useChannelStateContext as me, SimpleAttachmentSelector as Ye, QuotedMessagePreview as Je, AttachmentPreviewList as Qe, TextareaComposer as Xe, MessageTimestamp as Ke, Channel as es, Window as ss, MessageList as ts } from "stream-chat-react";
+import U, { createContext as ye, useContext as Ee, useCallback as D, useState as y, useRef as z, useEffect as G } from "react";
+import { StreamChatService as $e } from "@linktr.ee/messaging-core";
+import { Chat as Ge, ChannelList as He, useMessageComposer as Ie, useStateStore as Ve, MessageInput as We, useMessageInputContext as Ze, useMessageComposerHasSendableData as qe, useChannelStateContext as ue, SimpleAttachmentSelector as Ye, QuotedMessagePreview as Je, AttachmentPreviewList as Qe, TextareaComposer as Xe, MessageTimestamp as Ke, Channel as es, Window as ss, MessageList as ts } from "stream-chat-react";
 import { XIcon as oe, ArrowUpIcon as ns, ArrowLeftIcon as ge, DotsThreeIcon as xe, SpinnerGapIcon as re, SignOutIcon as rs, ProhibitInsetIcon as be, FlagIcon as ls, MagnifyingGlassIcon as as, ChatCircleDotsIcon as Ne } from "@phosphor-icons/react";
-import { LinkPreviewsManager as ve } from "stream-chat";
-const Ie = ye({
+import { LinkPreviewsManager as Ce } from "stream-chat";
+const Se = ye({
   service: null,
   client: null,
   isConnected: !1,
@@ -15,19 +15,19 @@ const Ie = ye({
   refreshConnection: async () => {
   },
   debug: !1
-}), ie = () => Ee(Ie), Ps = ({
+}), ie = () => Ee(Se), Us = ({
   children: t,
   user: s,
   serviceConfig: n,
   apiKey: r,
   capabilities: a = {},
-  debug: c = !1
+  debug: o = !1
 }) => {
-  const l = _(
-    (u, ...x) => {
-      c && console.log(`🔥 [MessagingProvider] ${u}`, ...x);
+  const l = D(
+    (m, ...x) => {
+      o && console.log(`🔥 [MessagingProvider] ${m}`, ...x);
     },
-    [c]
+    [o]
   );
   l("🔄 RENDER START", {
     userId: s == null ? void 0 : s.id,
@@ -35,7 +35,7 @@ const Ie = ye({
     serviceConfig: !!n,
     capabilities: Object.keys(a)
   });
-  const [h, f] = y(null), [g, C] = y(null), [d, E] = y(!1), [R, I] = y(!1), [w, N] = y(null), m = z(!1), b = z({
+  const [h, f] = y(null), [g, N] = y(null), [c, E] = y(!1), [R, I] = y(!1), [w, C] = y(null), u = z(!1), b = z({
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
@@ -56,9 +56,9 @@ const Ie = ye({
     serviceConfig: n,
     capabilities: a
   }, G(() => {
-    const u = S.current;
+    const m = S.current;
     if (l("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: u,
+      renderCount: m,
       apiKey: !!r,
       serviceConfig: !!n,
       dependencies: {
@@ -69,31 +69,31 @@ const Ie = ye({
       }
     }), !r || !n) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: u,
+        renderCount: m,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING NEW SERVICE", {
-      renderCount: u,
+      renderCount: m,
       apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
       serviceConfigChanged: b.current.serviceConfig !== n
     });
-    const x = new Be({
+    const x = new $e({
       ...n,
       apiKey: r,
-      debug: c
+      debug: o
     });
     return f(x), l("✅ SERVICE SET", {
-      renderCount: u,
+      renderCount: m,
       serviceInstance: !!x
     }), () => {
       l("🧹 SERVICE CLEANUP", {
-        renderCount: u,
+        renderCount: m,
         reason: "Effect cleanup"
       }), x.disconnectUser().catch(console.error);
     };
-  }, [r, n, c, l]);
+  }, [r, n, o, l]);
   const p = z(null);
   G(() => {
     var x, B;
@@ -101,14 +101,14 @@ const Ie = ye({
       hasService: !!h,
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
-      isConnecting: m.current,
-      isConnected: d,
+      isConnecting: u.current,
+      isConnected: c,
       dependencies: { service: !!h, userId: s == null ? void 0 : s.id }
     }), !h || !s) {
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (m.current) {
+    if (u.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
@@ -120,40 +120,40 @@ const Ie = ye({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: s.id }), m.current = !0, I(!0), N(null);
+      l("🚀 STARTING USER CONNECTION", { userId: s.id }), u.current = !0, I(!0), C(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
         const A = await h.connectUser(s);
-        C(A), E(!0), p.current = { serviceId: h, userId: s.id }, l("✅ USER CONNECTION SUCCESS", {
+        N(A), E(!0), p.current = { serviceId: h, userId: s.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
           clientId: A.userID
         });
       } catch (A) {
         const H = A instanceof Error ? A.message : "Connection failed";
-        N(H), l("❌ USER CONNECTION ERROR", {
+        C(H), l("❌ USER CONNECTION ERROR", {
           userId: s.id,
           error: H
         });
       } finally {
-        I(!1), m.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        I(!1), u.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
-          isConnected: d
+          isConnected: c
         });
       }
     })();
-  }, [h, s, l, d]), G(() => (l("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [h, s, l, c]), G(() => (l("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!h,
-    isConnected: d
+    isConnected: c
   }), () => {
-    h && d ? (l(
+    h && c ? (l(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
     ), p.current = null, h.disconnectUser().catch(console.error)) : l("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!h,
-      isConnected: d
+      isConnected: c
     });
-  }), [h, d, l]);
-  const T = _(async () => {
+  }), [h, c, l]);
+  const T = D(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!h,
       hasUser: !!s
@@ -164,50 +164,50 @@ const Ie = ye({
     l("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), I(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await h.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const u = await h.connectUser(s);
-      C(u), E(!0), N(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
-    } catch (u) {
-      const x = u instanceof Error ? u.message : "Refresh failed";
-      N(x), l("❌ CONNECTION REFRESH ERROR", {
+      const m = await h.connectUser(s);
+      N(m), E(!0), C(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+    } catch (m) {
+      const x = m instanceof Error ? m.message : "Refresh failed";
+      C(x), l("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
         error: x
       });
     } finally {
       I(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [h, s, l]), i = P.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [h, s, l]), d = U.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!h,
     hasClient: !!g,
-    isConnected: d,
+    isConnected: c,
     isLoading: R,
     hasError: !!w,
     capabilitiesKeys: Object.keys(a)
   }), {
     service: h,
     client: g,
-    isConnected: d,
+    isConnected: c,
     isLoading: R,
     error: w,
     capabilities: a,
     refreshConnection: T,
-    debug: c
+    debug: o
   }), [
     h,
     g,
-    d,
+    c,
     R,
     w,
     a,
     T,
-    c,
+    o,
     l
   ]);
   return l("🔄 RENDER END", {
     renderCount: S.current,
-    willRenderChat: !!(g && d),
-    contextValueReady: !!i
-  }), /* @__PURE__ */ e(Ie.Provider, { value: i, children: g && d ? /* @__PURE__ */ e(
-    $e,
+    willRenderChat: !!(g && c),
+    contextValueReady: !!d
+  }), /* @__PURE__ */ e(Se.Provider, { value: d, children: g && c ? /* @__PURE__ */ e(
+    Ge,
     {
       client: g,
       customClasses: {
@@ -237,7 +237,7 @@ const Ie = ye({
     day: "numeric",
     year: "2-digit"
   });
-}, Ce = [
+}, ve = [
   "🍎",
   // Apple
   "🍌",
@@ -273,9 +273,9 @@ function ds(t) {
   }
   return Math.abs(s);
 }
-function us(t) {
-  const n = ds(t) % Ce.length;
-  return Ce[n];
+function ms(t) {
+  const n = ds(t) % ve.length;
+  return ve[n];
 }
 const Z = ({
   id: t,
@@ -284,7 +284,7 @@ const Z = ({
   className: r,
   shape: a = "squircle"
 }) => {
-  const c = us(t), h = n < 32 ? "text-xs" : n < 56 ? "text-sm" : "text-lg", f = a === "circle" ? { borderRadius: "50%" } : {
+  const o = ms(t), h = n < 32 ? "text-xs" : n < 56 ? "text-sm" : "text-lg", f = a === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
@@ -312,30 +312,30 @@ const Z = ({
             "avatar-fallback flex h-full w-full items-center justify-center font-semibold bg-[#E6E5E3] select-none transition-colors",
             h
           ),
-          children: c
+          children: o
         }
       )
     }
   );
-}, Se = P.memo(
+}, pe = U.memo(
   ({ channel: t, selectedChannel: s, onChannelSelect: n, debug: r = !1, unread: a }) => {
-    var N, m, b, S, p, T;
-    const c = (s == null ? void 0 : s.id) === (t == null ? void 0 : t.id), l = () => {
+    var C, u, b, S, p, T;
+    const o = (s == null ? void 0 : s.id) === (t == null ? void 0 : t.id), l = () => {
       t && n(t);
-    }, f = Object.values(((N = t == null ? void 0 : t.state) == null ? void 0 : N.members) || {}).find(
-      (i) => {
-        var u, x;
-        return ((u = i.user) == null ? void 0 : u.id) && i.user.id !== ((x = t == null ? void 0 : t._client) == null ? void 0 : x.userID);
+    }, f = Object.values(((C = t == null ? void 0 : t.state) == null ? void 0 : C.members) || {}).find(
+      (d) => {
+        var m, x;
+        return ((m = d.user) == null ? void 0 : m.id) && d.user.id !== ((x = t == null ? void 0 : t._client) == null ? void 0 : x.userID);
       }
-    ), g = ((m = f == null ? void 0 : f.user) == null ? void 0 : m.name) || "Conversation", C = (b = f == null ? void 0 : f.user) == null ? void 0 : b.image, d = (p = (S = t == null ? void 0 : t.state) == null ? void 0 : S.messages) == null ? void 0 : p[t.state.messages.length - 1], R = (() => {
-      var u;
-      if (d != null && d.text) return d.text;
-      const i = (u = d == null ? void 0 : d.attachments) == null ? void 0 : u[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";
-    })(), I = d != null && d.created_at ? cs(new Date(d.created_at)) : "", w = a ?? 0;
+    ), g = ((u = f == null ? void 0 : f.user) == null ? void 0 : u.name) || "Conversation", N = (b = f == null ? void 0 : f.user) == null ? void 0 : b.image, c = (p = (S = t == null ? void 0 : t.state) == null ? void 0 : S.messages) == null ? void 0 : p[t.state.messages.length - 1], R = (() => {
+      var m;
+      if (c != null && c.text) return c.text;
+      const d = (m = c == null ? void 0 : c.attachments) == null ? void 0 : m[0];
+      return d ? d.og_scrape_url ? d.og_scrape_url : d.type === "image" ? "📷 Sent an image" : d.type === "video" ? "🎥 Sent a video" : d.type === "audio" ? "🎵 Sent audio" : d.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), I = c != null && c.created_at ? cs(new Date(c.created_at)) : "", w = a ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
-      isSelected: c,
+      isSelected: o,
       participantName: g,
       unreadCount: w,
       hasTimestamp: !!I
@@ -347,36 +347,36 @@ const Z = ({
         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": c,
-            "hover:bg-sand": !c
+            "bg-primary-alt/10 border-l-4 border-l-primary": o,
+            "hover:bg-sand": !o
           }
         ),
-        children: /* @__PURE__ */ o("div", { className: "flex items-start gap-3", children: [
+        children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ e(
             Z,
             {
               id: ((T = f == null ? void 0 : f.user) == null ? void 0 : T.id) || t.id || "unknown",
               name: g,
-              image: C,
+              image: N,
               size: 44,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
-          /* @__PURE__ */ o("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-            /* @__PURE__ */ o("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ i("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+            /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2", children: [
               /* @__PURE__ */ e(
                 "h3",
                 {
                   className: k(
                     "text-sm font-medium truncate",
-                    c ? "text-primary" : "text-charcoal"
+                    o ? "text-primary" : "text-charcoal"
                   ),
                   children: g
                 }
               ),
               I && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: I })
             ] }),
-            /* @__PURE__ */ o("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
+            /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ e("p", { className: "text-xs text-stone mr-2 flex-1 line-clamp-2", children: R }),
               w > 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: w > 99 ? "99+" : w })
             ] })
@@ -386,8 +386,8 @@ const Z = ({
     );
   }
 );
-Se.displayName = "CustomChannelPreview";
-const pe = P.memo(
+pe.displayName = "CustomChannelPreview";
+const ke = U.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
@@ -395,16 +395,16 @@ const pe = P.memo(
     className: r,
     customEmptyStateIndicator: a
   }) => {
-    const c = P.useRef(0);
-    c.current++;
+    const o = U.useRef(0);
+    o.current++;
     const { debug: l = !1 } = ie();
     l && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: c.current,
+      renderCount: o.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const h = P.useMemo(() => (g) => /* @__PURE__ */ e(
-      Se,
+    const h = U.useMemo(() => (g) => /* @__PURE__ */ e(
+      pe,
       {
         ...g,
         selectedChannel: s,
@@ -420,7 +420,7 @@ const pe = P.memo(
           r
         ),
         children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(
-          Ge,
+          He,
           {
             filters: n,
             sort: { last_message_at: -1 },
@@ -434,7 +434,7 @@ const pe = P.memo(
     );
   }
 );
-pe.displayName = "ChannelList";
+ke.displayName = "ChannelList";
 const ne = ({
   variant: t = "default",
   className: s,
@@ -453,8 +453,8 @@ const ne = ({
     children: n
   }
 );
-function ke({ label: t, className: s, children: n, ...r }) {
-  return /* @__PURE__ */ o(
+function Re({ label: t, className: s, children: n, ...r }) {
+  return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
@@ -474,19 +474,19 @@ function ke({ label: t, className: s, children: n, ...r }) {
     }
   );
 }
-function Re({ onClick: t }) {
-  return /* @__PURE__ */ e(ke, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(oe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+function De({ onClick: t }) {
+  return /* @__PURE__ */ e(Re, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(oe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const ms = (t) => ({
+const us = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
-    (s) => ve.previewIsLoaded(s) || ve.previewIsLoading(s)
+    (s) => Ce.previewIsLoaded(s) || Ce.previewIsLoading(s)
   )
 }), hs = ({
   link: t,
   onDismiss: s
 }) => {
   const { og_scrape_url: n, title: r, image_url: a } = t;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ i(
     "a",
     {
       href: n,
@@ -514,7 +514,7 @@ const ms = (t) => ({
             children: /* @__PURE__ */ e(oe, { className: "size-4 text-black/90" })
           }
         ),
-        /* @__PURE__ */ o("div", { className: "p-2", children: [
+        /* @__PURE__ */ i("div", { className: "p-2", children: [
           r && /* @__PURE__ */ e("div", { className: "text-[14px] font-medium leading-5 text-white", children: r }),
           /* @__PURE__ */ e("div", { className: "text-[12px] leading-4 text-white/55", children: n })
         ] })
@@ -522,9 +522,9 @@ const ms = (t) => ({
     }
   );
 }, fs = () => {
-  const { linkPreviewsManager: t } = He(), { linkPreviews: s } = Ve(
+  const { linkPreviewsManager: t } = Ie(), { linkPreviews: s } = Ve(
     t.state,
-    ms
+    us
   ), n = (a) => {
     t.dismissPreview(a);
   };
@@ -538,7 +538,7 @@ const ms = (t) => ({
   )) }) : null;
 }, _e = ye(
   {}
-), gs = ({ attachment: t, onRemove: s }) => /* @__PURE__ */ o("div", { className: "relative w-full block rounded-[24px] bg-[#121110] p-2 mb-4", children: [
+), gs = ({ attachment: t, onRemove: s }) => /* @__PURE__ */ i("div", { className: "relative w-full block rounded-[24px] bg-[#121110] p-2 mb-4", children: [
   t.thumb_url && /* @__PURE__ */ e(
     "img",
     {
@@ -557,47 +557,73 @@ const ms = (t) => ({
       children: /* @__PURE__ */ e(oe, { className: "size-4 text-black/90" })
     }
   ),
-  /* @__PURE__ */ o("div", { className: "p-2", children: [
+  /* @__PURE__ */ i("div", { className: "p-2", children: [
     t.title && /* @__PURE__ */ e("div", { className: "text-[14px] font-medium leading-5 text-white", children: t.title }),
     t.title_link && /* @__PURE__ */ e("div", { className: "text-[12px] leading-4 text-white/55 truncate", children: t.title_link })
   ] })
 ] }), xs = () => {
-  const { handleSubmit: t } = Ze(), s = qe(), { channel: n } = me(), { pendingAttachment: r, onClearPendingAttachment: a } = Ee(
+  const { handleSubmit: t } = Ze(), s = qe(), { channel: n } = ue(), r = Ie(), { pendingAttachment: a, onClearPendingAttachment: o } = Ee(
     _e
-  ), c = s || !!r, l = _(
-    async (h) => {
-      var f;
-      if (r && n) {
-        const g = document.querySelector(
-          ".str-chat__textarea textarea"
-        ), C = ((f = g == null ? void 0 : g.value) == null ? void 0 : f.trim()) || "";
+  ), l = s || !!a, h = D(
+    (g) => {
+      g.key === "Enter" && !g.shiftKey && a && (g.preventDefault(), g.stopPropagation(), (async () => {
+        var N;
+        if (a && n)
+          try {
+            const c = ((N = r.textComposer.text) == null ? void 0 : N.trim()) || "";
+            await n.sendMessage({
+              text: c,
+              attachments: [a]
+            }), r.textComposer.setText(""), o == null || o();
+          } catch (c) {
+            console.error("Failed to send message with attachment:", c);
+          }
+      })());
+    },
+    [
+      n,
+      r.textComposer,
+      o,
+      a
+    ]
+  ), f = D(
+    async (g) => {
+      var N;
+      if (a && n)
         try {
+          const c = ((N = r.textComposer.text) == null ? void 0 : N.trim()) || "";
           await n.sendMessage({
-            text: C,
-            attachments: [r]
-          }), g && (g.value = "", g.dispatchEvent(new Event("input", { bubbles: !0 }))), a == null || a();
-        } catch (d) {
-          console.error("Failed to send message with attachment:", d);
+            text: c,
+            attachments: [a]
+          }), r.textComposer.setText(""), o == null || o();
+        } catch (c) {
+          console.error("Failed to send message with attachment:", c);
         }
-      } else
-        await t(h);
+      else
+        await t(g);
     },
-    [n, t, a, r]
+    [
+      n,
+      t,
+      r.textComposer,
+      o,
+      a
+    ]
   );
-  return /* @__PURE__ */ o(we, { children: [
+  return /* @__PURE__ */ i(we, { children: [
     /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Ye, {}) }),
-    /* @__PURE__ */ o("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__ */ 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(Je, {}),
       /* @__PURE__ */ e(fs, {}),
       /* @__PURE__ */ e(Qe, {}),
-      r && a && /* @__PURE__ */ e(
+      a && o && /* @__PURE__ */ e(
         gs,
         {
-          attachment: r,
-          onRemove: a
+          attachment: a,
+          onRemove: o
         }
       ),
-      /* @__PURE__ */ o("div", { className: "flex", children: [
+      /* @__PURE__ */ i("div", { className: "flex", onKeyDown: h, children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
           Xe,
           {
@@ -611,8 +637,8 @@ const ms = (t) => ({
             "aria-label": "Send",
             className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white",
             "data-testid": "send-button",
-            disabled: !c,
-            onClick: l,
+            disabled: !l,
+            onClick: f,
             type: "button",
             children: /* @__PURE__ */ e(ns, { className: "size-4" })
           }
@@ -628,27 +654,27 @@ const ms = (t) => ({
   _e.Provider,
   {
     value: { pendingAttachment: s, onClearPendingAttachment: n },
-    children: /* @__PURE__ */ o("div", { className: "message-input flex items-center gap-2 p-4", children: [
+    children: /* @__PURE__ */ i("div", { className: "message-input flex items-center gap-2 p-4", children: [
       t && (t == null ? void 0 : t()),
       /* @__PURE__ */ e(We, { Input: xs })
     ] })
   }
 ), Ns = (t) => {
   const s = t.message.hide_date === !0;
-  return /* @__PURE__ */ o("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-    /* @__PURE__ */ o("div", { className: "str-chat__message--system__text", children: [
+  return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+    /* @__PURE__ */ i("div", { className: "str-chat__message--system__text", children: [
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" }),
       /* @__PURE__ */ e("p", { children: t.message.text }),
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" })
     ] }),
     !s && /* @__PURE__ */ e(Ke, { message: t.message })
   ] });
-}, vs = () => null, Cs = ({ className: t, message: s }) => /* @__PURE__ */ o(
+}, Cs = () => null, vs = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
     className: k("flex items-center justify-center h-full", t),
     children: [
-      /* @__PURE__ */ o("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
+      /* @__PURE__ */ i("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(
           "animateTransform",
           {
@@ -686,21 +712,21 @@ const ms = (t) => ({
       s && /* @__PURE__ */ e("span", { className: "text-stone", children: s })
     ]
   }
-), ae = P.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ o("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ e(Cs, { className: "w-6 h-6" }),
+), ae = U.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(vs, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 ae.displayName = "LoadingState";
 const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) => {
-  var f, g, C, d, E;
-  const { channel: a } = me(), c = P.useMemo(() => Object.values(a.state.members || {}).find(
+  var f, g, N, c, E;
+  const { channel: a } = ue(), o = U.useMemo(() => Object.values(a.state.members || {}).find(
     (I) => {
       var w;
       return ((w = I.user) == null ? void 0 : w.id) && I.user.id !== a._client.userID;
     }
-  ), [a._client.userID, a.state.members]), l = ((f = c == null ? void 0 : c.user) == null ? void 0 : f.name) || ((g = c == null ? void 0 : c.user) == null ? void 0 : g.id) || "Unknown member", h = (C = c == null ? void 0 : c.user) == null ? void 0 : C.image;
-  return /* @__PURE__ */ o("div", { className: "@container", children: [
-    /* @__PURE__ */ o("div", { className: "flex justify-between items-center @lg:hidden", children: [
+  ), [a._client.userID, a.state.members]), l = ((f = o == null ? void 0 : o.user) == null ? void 0 : f.name) || ((g = o == null ? void 0 : o.user) == null ? void 0 : g.id) || "Unknown member", h = (N = o == null ? void 0 : o.user) == null ? void 0 : N.image;
+  return /* @__PURE__ */ i("div", { className: "@container", children: [
+    /* @__PURE__ */ i("div", { className: "flex justify-between items-center @lg:hidden", children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -715,11 +741,11 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
           children: /* @__PURE__ */ e(ge, { className: "size-5 text-black/90" })
         }
       ),
-      /* @__PURE__ */ o("div", { className: "flex flex-col gap-1 items-center", children: [
+      /* @__PURE__ */ i("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ e(
           Z,
           {
-            id: ((d = c == null ? void 0 : c.user) == null ? void 0 : d.id) || a.id || "unknown",
+            id: ((c = o == null ? void 0 : o.user) == null ? void 0 : c.id) || a.id || "unknown",
             name: l,
             image: h,
             size: 40
@@ -740,8 +766,8 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: "hidden @lg:flex items-center justify-between gap-3 min-h-12", children: [
-      /* @__PURE__ */ o("div", { className: "flex items-center gap-4 min-w-0", children: [
+    /* @__PURE__ */ i("div", { className: "hidden @lg:flex items-center justify-between gap-3 min-h-12", children: [
+      /* @__PURE__ */ i("div", { className: "flex items-center gap-4 min-w-0", children: [
         s && t && /* @__PURE__ */ e(
           "button",
           {
@@ -755,7 +781,7 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
         /* @__PURE__ */ e(
           Z,
           {
-            id: ((E = c == null ? void 0 : c.user) == null ? void 0 : E.id) || a.id || "unknown",
+            id: ((E = o == null ? void 0 : o.user) == null ? void 0 : E.id) || a.id || "unknown",
             name: l,
             image: h,
             size: 40
@@ -781,74 +807,74 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
   participant: n,
   channel: r,
   followerStatusLabel: a,
-  onLeaveConversation: c,
+  onLeaveConversation: o,
   onBlockParticipant: l,
   showDeleteConversation: h = !0,
   onDeleteConversationClick: f,
   onBlockParticipantClick: g,
-  onReportParticipantClick: C
+  onReportParticipantClick: N
 }) => {
   var q, Q, X, K, ce, j, V;
-  const { service: d, debug: E } = ie(), [R, I] = y(!1), [w, N] = y(!1), [m, b] = y(!1), S = _(async () => {
+  const { service: c, debug: E } = ie(), [R, I] = y(!1), [w, C] = y(!1), [u, b] = y(!1), S = D(async () => {
     var F;
-    if (!(!d || !((F = n == null ? void 0 : n.user) != null && F.id)))
+    if (!(!c || !((F = n == null ? void 0 : n.user) != null && F.id)))
       try {
-        const U = (await d.getBlockedUsers()).some(
+        const P = (await c.getBlockedUsers()).some(
           ($) => {
             var Y;
             return $.blocked_user_id === ((Y = n == null ? void 0 : n.user) == null ? void 0 : Y.id);
           }
         );
-        I(U);
-      } catch (D) {
+        I(P);
+      } catch (_) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          D
+          _
         );
       }
-  }, [d, (q = n == null ? void 0 : n.user) == null ? void 0 : q.id]);
+  }, [c, (q = n == null ? void 0 : n.user) == null ? void 0 : q.id]);
   G(() => {
     S();
   }, [S]);
   const p = async () => {
     var F;
     if (!w) {
-      f == null || f(), E && console.log("[ChannelInfoDialog] Leave conversation", r.cid), N(!0);
+      f == null || f(), E && console.log("[ChannelInfoDialog] Leave conversation", r.cid), C(!0);
       try {
-        const D = ((F = r._client) == null ? void 0 : F.userID) ?? null;
-        await r.hide(D, !1), c && await c(r), s();
-      } catch (D) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", D);
+        const _ = ((F = r._client) == null ? void 0 : F.userID) ?? null;
+        await r.hide(_, !1), o && await o(r), s();
+      } catch (_) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", _);
       } finally {
-        N(!1);
+        C(!1);
       }
     }
   }, T = async () => {
-    var F, D, U;
-    if (!(m || !d)) {
+    var F, _, P;
+    if (!(u || !c)) {
       g == null || g(), E && console.log("[ChannelInfoDialog] Block member", (F = n == null ? void 0 : n.user) == null ? void 0 : F.id), b(!0);
       try {
-        await d.blockUser((D = n == null ? void 0 : n.user) == null ? void 0 : D.id), l && await l((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), s();
+        await c.blockUser((_ = n == null ? void 0 : n.user) == null ? void 0 : _.id), l && await l((P = n == null ? void 0 : n.user) == null ? void 0 : P.id), s();
       } catch ($) {
         console.error("[ChannelInfoDialog] Failed to block member", $);
       } finally {
         b(!1);
       }
     }
-  }, i = async () => {
-    var F, D, U;
-    if (!(m || !d)) {
+  }, d = async () => {
+    var F, _, P;
+    if (!(u || !c)) {
       g == null || g(), E && console.log("[ChannelInfoDialog] Unblock member", (F = n == null ? void 0 : n.user) == null ? void 0 : F.id), b(!0);
       try {
-        await d.unBlockUser((D = n == null ? void 0 : n.user) == null ? void 0 : D.id), l && await l((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), s();
+        await c.unBlockUser((_ = n == null ? void 0 : n.user) == null ? void 0 : _.id), l && await l((P = n == null ? void 0 : n.user) == null ? void 0 : P.id), s();
       } catch ($) {
         console.error("[ChannelInfoDialog] Failed to unblock member", $);
       } finally {
         b(!1);
       }
     }
-  }, u = () => {
-    C == null || C(), s(), window.open(
+  }, m = () => {
+    N == null || N(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
       "noopener,noreferrer"
@@ -867,18 +893,18 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
         onClick: (F) => {
           F.target === t.current && s();
         },
-        children: /* @__PURE__ */ o("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__ */ o("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
+        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(Re, { onClick: s })
+            /* @__PURE__ */ e(De, { onClick: s })
           ] }),
-          /* @__PURE__ */ o("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
+          /* @__PURE__ */ i("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ e(
               "div",
               {
                 className: "flex flex-col items-center gap-3 self-stretch px-4 py-2 mt-6 rounded-lg border border-black/[0.04]",
                 style: { backgroundColor: "#FBFAF9" },
-                children: /* @__PURE__ */ o("div", { className: "flex items-center gap-3 w-full", children: [
+                children: /* @__PURE__ */ i("div", { className: "flex items-center gap-3 w-full", children: [
                   /* @__PURE__ */ e(
                     Z,
                     {
@@ -889,7 +915,7 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
                       shape: "circle"
                     }
                   ),
-                  /* @__PURE__ */ o("div", { className: "flex flex-col min-w-0 flex-1", children: [
+                  /* @__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: x }),
                     J && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: J }),
                     a && /* @__PURE__ */ e(
@@ -910,8 +936,8 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
                 ] })
               }
             ),
-            /* @__PURE__ */ o("ul", { className: "flex flex-col gap-2 mt-2", children: [
-              h && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ i("ul", { className: "flex flex-col gap-2 mt-2", children: [
+              h && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
                 ne,
                 {
                   onClick: p,
@@ -923,30 +949,30 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: R ? /* @__PURE__ */ o(
+              /* @__PURE__ */ e("li", { children: R ? /* @__PURE__ */ i(
                 ne,
                 {
-                  onClick: i,
-                  disabled: m,
-                  "aria-busy": m,
+                  onClick: d,
+                  disabled: u,
+                  "aria-busy": u,
                   children: [
-                    m ? /* @__PURE__ */ e(re, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(be, { className: "h-5 w-5" }),
+                    u ? /* @__PURE__ */ e(re, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(be, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
-              ) : /* @__PURE__ */ o(
+              ) : /* @__PURE__ */ i(
                 ne,
                 {
                   onClick: T,
-                  disabled: m,
-                  "aria-busy": m,
+                  disabled: u,
+                  "aria-busy": u,
                   children: [
-                    m ? /* @__PURE__ */ e(re, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(be, { className: "h-5 w-5" }),
+                    u ? /* @__PURE__ */ e(re, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(be, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(ne, { variant: "danger", onClick: u, children: [
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(ne, { variant: "danger", onClick: m, children: [
                 /* @__PURE__ */ e(ls, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) })
@@ -962,33 +988,33 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
   renderMessageInputActions: n,
   onLeaveConversation: r,
   onBlockParticipant: a,
-  showDeleteConversation: c = !0,
+  showDeleteConversation: o = !0,
   onDeleteConversationClick: l,
   onBlockParticipantClick: h,
   onReportParticipantClick: f,
   pendingAttachment: g,
-  onClearPendingAttachment: C
+  onClearPendingAttachment: N
 }) => {
-  const { channel: d } = me(), E = z(null), R = P.useMemo(() => Object.values(d.state.members || {}).find(
+  const { channel: c } = ue(), E = z(null), R = U.useMemo(() => Object.values(c.state.members || {}).find(
     (b) => {
       var S;
-      return ((S = b.user) == null ? void 0 : S.id) && b.user.id !== d._client.userID;
+      return ((S = b.user) == null ? void 0 : S.id) && b.user.id !== c._client.userID;
     }
-  ), [d._client.userID, d.state.members]), I = P.useMemo(() => {
-    const m = d.data ?? {};
-    if (m.followerStatus)
-      return String(m.followerStatus);
-    if (m.isFollower !== void 0)
-      return m.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [d.data]), w = _(() => {
-    var m;
-    (m = E.current) == null || m.showModal();
-  }, []), N = _(() => {
-    var m;
-    (m = E.current) == null || m.close();
+  ), [c._client.userID, c.state.members]), I = U.useMemo(() => {
+    const u = c.data ?? {};
+    if (u.followerStatus)
+      return String(u.followerStatus);
+    if (u.isFollower !== void 0)
+      return u.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [c.data]), w = D(() => {
+    var u;
+    (u = E.current) == null || u.showModal();
+  }, []), C = D(() => {
+    var u;
+    (u = E.current) == null || u.close();
   }, []);
-  return /* @__PURE__ */ o(we, { children: [
-    /* @__PURE__ */ o(ss, { children: [
+  return /* @__PURE__ */ i(we, { children: [
+    /* @__PURE__ */ i(ss, { children: [
       /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
         ws,
         {
@@ -1009,9 +1035,9 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
       /* @__PURE__ */ e(
         bs,
         {
-          renderActions: () => n == null ? void 0 : n(d),
+          renderActions: () => n == null ? void 0 : n(c),
           pendingAttachment: g,
-          onClearPendingAttachment: C
+          onClearPendingAttachment: N
         }
       )
     ] }),
@@ -1019,33 +1045,33 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
       ys,
       {
         dialogRef: E,
-        onClose: N,
+        onClose: C,
         participant: R,
-        channel: d,
+        channel: c,
         followerStatusLabel: I,
         onLeaveConversation: r,
         onBlockParticipant: a,
-        showDeleteConversation: c,
+        showDeleteConversation: o,
         onDeleteConversationClick: l,
         onBlockParticipantClick: h,
         onReportParticipantClick: f
       }
     )
   ] });
-}, De = P.memo(
+}, Me = U.memo(
   ({
     channel: t,
     onBack: s,
     showBackButton: n = !1,
     renderMessageInputActions: r,
     onLeaveConversation: a,
-    onBlockParticipant: c,
+    onBlockParticipant: o,
     className: l,
-    CustomChannelEmptyState: h = vs,
+    CustomChannelEmptyState: h = Cs,
     showDeleteConversation: f = !0,
     onDeleteConversationClick: g,
-    onBlockParticipantClick: C,
-    onReportParticipantClick: d,
+    onBlockParticipantClick: N,
+    onReportParticipantClick: c,
     pendingAttachment: E,
     onClearPendingAttachment: R
   }) => /* @__PURE__ */ e(
@@ -1069,12 +1095,12 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
               showBackButton: n,
               renderMessageInputActions: r,
               onLeaveConversation: a,
-              onBlockParticipant: c,
+              onBlockParticipant: o,
               CustomChannelEmptyState: h,
               showDeleteConversation: f,
               onDeleteConversationClick: g,
-              onBlockParticipantClick: C,
-              onReportParticipantClick: d,
+              onBlockParticipantClick: N,
+              onReportParticipantClick: c,
               pendingAttachment: E,
               onClearPendingAttachment: R
             }
@@ -1084,14 +1110,14 @@ const ws = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
     }
   )
 );
-De.displayName = "ChannelView";
+Me.displayName = "ChannelView";
 function Is({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
 }) {
   const r = z(null);
-  return /* @__PURE__ */ o("div", { className: "relative", children: [
+  return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
       as,
       {
@@ -1111,7 +1137,7 @@ function Is({
       }
     ),
     t && /* @__PURE__ */ e(
-      ke,
+      Re,
       {
         label: "Clear search",
         onClick: () => {
@@ -1130,10 +1156,10 @@ const Ss = ({
   onClose: n,
   existingParticipantIds: r = /* @__PURE__ */ new Set(),
   participantLabel: a = "participants",
-  searchPlaceholder: c = "Search participants...",
+  searchPlaceholder: o = "Search participants...",
   className: l
 }) => {
-  const { debug: h } = ie(), [f, g] = y(""), [C, d] = y([]), [E, R] = y(!1), [I, w] = y(null), [N, m] = y(
+  const { debug: h } = ie(), [f, g] = y(""), [N, c] = y([]), [E, R] = y(!1), [I, w] = y(null), [C, u] = y(
     null
   ), b = z(!1);
   G(() => {
@@ -1147,50 +1173,50 @@ const Ss = ({
     (async () => {
       h && console.log("[ParticipantPicker] Loading initial participants..."), R(!0), w(null);
       try {
-        const u = await t.loadParticipants({
+        const m = await t.loadParticipants({
           search: "",
           // Load all participants initially
           limit: 100
         });
-        d(u.participants), b.current = !0, h && console.log(
+        c(m.participants), b.current = !0, h && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
-          u.participants.length
+          m.participants.length
         );
-      } catch (u) {
-        const x = u instanceof Error ? u.message : "Failed to load participants";
-        w(x), console.error("[ParticipantPicker] Failed to load participants:", u);
+      } catch (m) {
+        const x = m instanceof Error ? m.message : "Failed to load participants";
+        w(x), console.error("[ParticipantPicker] Failed to load participants:", m);
       } finally {
         R(!1);
       }
     })();
   }, [t.loading, h]);
-  const S = C.filter((i) => !r.has(i.id)).filter((i) => {
+  const S = N.filter((d) => !r.has(d.id)).filter((d) => {
     var x;
     if (!f) return !0;
-    const u = f.toLowerCase();
-    return i.name.toLowerCase().includes(u) || ((x = i.email) == null ? void 0 : x.toLowerCase().includes(u)) || !1;
-  }), p = _(
-    async (i) => {
-      if (!N) {
-        m(i.id);
+    const m = f.toLowerCase();
+    return d.name.toLowerCase().includes(m) || ((x = d.email) == null ? void 0 : x.toLowerCase().includes(m)) || !1;
+  }), p = D(
+    async (d) => {
+      if (!C) {
+        u(d.id);
         try {
-          await s(i);
-        } catch (u) {
-          console.error("[ParticipantPicker] Failed to start chat:", u), m(null);
+          await s(d);
+        } catch (m) {
+          console.error("[ParticipantPicker] Failed to start chat:", m), u(null);
         }
       }
     },
-    [s, N]
-  ), T = (i, u) => {
-    (i.key === "Enter" || i.key === " ") && (i.preventDefault(), p(u));
+    [s, C]
+  ), T = (d, m) => {
+    (d.key === "Enter" || d.key === " ") && (d.preventDefault(), p(m));
   };
-  return /* @__PURE__ */ o("div", { className: k("flex flex-col h-full", l), children: [
-    /* @__PURE__ */ o("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
-      /* @__PURE__ */ o("div", { className: "flex items-center justify-between mb-3", children: [
+  return /* @__PURE__ */ i("div", { className: k("flex flex-col h-full", l), 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(Re, { onClick: n })
+        /* @__PURE__ */ e(De, { onClick: n })
       ] }),
-      /* @__PURE__ */ o("p", { className: "text-xs text-stone mb-3", children: [
+      /* @__PURE__ */ i("p", { className: "text-xs text-stone mb-3", children: [
         "Select a ",
         a.slice(0, -1),
         " to start messaging (",
@@ -1203,65 +1229,65 @@ const Ss = ({
         {
           searchQuery: f,
           setSearchQuery: g,
-          placeholder: c
+          placeholder: o
         }
       )
     ] }),
-    I && /* @__PURE__ */ o("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    I && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
       a,
       ": ",
       I
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: E && S.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ o("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: E && S.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__ */ o("span", { className: "text-sm text-stone", children: [
+      /* @__PURE__ */ i("span", { className: "text-sm text-stone", children: [
         "Loading ",
         a,
         "..."
       ] })
-    ] }) }) : S.length === 0 ? /* @__PURE__ */ o("div", { className: "p-6 text-center", children: [
+    ] }) }) : S.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(Ne, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: f ? `No ${a} found` : C.length > 0 ? `Already chatting with all ${a}` : `No ${a} yet` }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: f ? "Try a different search term" : C.length > 0 ? `You have existing conversations with all your ${a}` : `${a.charAt(0).toUpperCase() + a.slice(1)} will appear here` })
-    ] }) : /* @__PURE__ */ o("ul", { className: "space-y-0", children: [
-      S.map((i) => {
-        const u = i.name || i.email || i.id, x = i.email && i.name ? i.email : i.phone;
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: f ? `No ${a} found` : N.length > 0 ? `Already chatting with all ${a}` : `No ${a} yet` }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: f ? "Try a different search term" : N.length > 0 ? `You have existing conversations with all your ${a}` : `${a.charAt(0).toUpperCase() + a.slice(1)} will appear here` })
+    ] }) : /* @__PURE__ */ i("ul", { className: "space-y-0", children: [
+      S.map((d) => {
+        const m = d.name || d.email || d.id, x = d.email && d.name ? d.email : d.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => p(i),
-            onKeyDown: (B) => T(B, i),
+            onClick: () => p(d),
+            onKeyDown: (B) => T(B, d),
             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__ */ o("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ o("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
+            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(
                   Z,
                   {
-                    id: i.id,
-                    name: u,
-                    image: i.image,
+                    id: d.id,
+                    name: m,
+                    image: d.image,
                     size: 40
                   }
                 ),
-                /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: u }),
+                /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: m }),
                   x && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: x })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: N === i.id ? /* @__PURE__ */ e(re, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Ne, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: C === d.id ? /* @__PURE__ */ e(re, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Ne, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
-        ) }, i.id);
+        ) }, d.id);
       }),
-      E && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ o("div", { className: "flex items-center space-x-2", children: [
+      E && /* @__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..." })
       ] }) })
     ] }) })
   ] });
-}, ps = ({ className: t }) => /* @__PURE__ */ o(
+}, ps = ({ className: t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1271,7 +1297,7 @@ const Ss = ({
     xmlns: "http://www.w3.org/2000/svg",
     className: t,
     children: [
-      /* @__PURE__ */ o("g", { clipPath: "url(#clip0_empty_state)", children: [
+      /* @__PURE__ */ i("g", { clipPath: "url(#clip0_empty_state)", children: [
         /* @__PURE__ */ e(
           "path",
           {
@@ -1300,7 +1326,7 @@ const Ss = ({
             fill: "white"
           }
         ),
-        /* @__PURE__ */ o("g", { filter: "url(#filter0_empty_state)", children: [
+        /* @__PURE__ */ i("g", { filter: "url(#filter0_empty_state)", children: [
           /* @__PURE__ */ e(
             "path",
             {
@@ -1340,8 +1366,8 @@ const Ss = ({
           }
         )
       ] }),
-      /* @__PURE__ */ o("defs", { children: [
-        /* @__PURE__ */ o(
+      /* @__PURE__ */ i("defs", { children: [
+        /* @__PURE__ */ i(
           "filter",
           {
             id: "filter0_empty_state",
@@ -1395,17 +1421,17 @@ const Ss = ({
       ] })
     ]
   }
-), Me = P.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__ */ o("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
+), Fe = 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__ */ i("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
     /* @__PURE__ */ e(ps, {}),
-    s && !t && /* @__PURE__ */ o("div", { className: "mt-8", children: [
+    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" })
     ] })
   ] }) })
 );
-Me.displayName = "EmptyState";
-const le = P.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ o("div", { className: "text-center max-w-sm", children: [
+Fe.displayName = "EmptyState";
+const le = U.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!" }),
   /* @__PURE__ */ e("p", { className: "text-stone text-sm mb-6", children: t }),
@@ -1420,38 +1446,38 @@ const le = P.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
   )
 ] }) }));
 le.displayName = "ErrorState";
-const Us = ({
+const Ps = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
   onChannelSelect: r,
   onParticipantSelect: a,
-  initialParticipantFilter: c,
+  initialParticipantFilter: o,
   initialParticipantData: l,
   CustomChannelEmptyState: h,
   showChannelList: f = !0,
   filters: g,
-  channelListCustomEmptyStateIndicator: C,
-  onDeleteConversationClick: d,
+  channelListCustomEmptyStateIndicator: N,
+  onDeleteConversationClick: c,
   onBlockParticipantClick: E,
   onReportParticipantClick: R,
   pendingAttachment: I,
   onClearPendingAttachment: w
 }) => {
   const {
-    service: N,
-    client: m,
+    service: C,
+    client: u,
     isConnected: b,
     isLoading: S,
     error: p,
     refreshConnection: T,
-    debug: i
-  } = os(), [u, x] = y(null), [B, A] = y(!1), [H, J] = y(!1), [he, q] = y(!1), [Q, X] = y(/* @__PURE__ */ new Set()), [K, ce] = y(0), [j, V] = y(!1), [F, D] = y(null), U = z(null), {
+    debug: d
+  } = os(), [m, x] = y(null), [B, A] = y(!1), [H, J] = y(!1), [he, q] = y(!1), [Q, X] = y(/* @__PURE__ */ new Set()), [K, ce] = y(0), [j, V] = y(!1), [F, _] = y(null), P = z(null), {
     participantSource: $,
     participantLabel: Y = "participants",
-    showDeleteConversation: Fe = !0
-  } = t, Te = P.useMemo(() => {
-    const v = m == null ? void 0 : m.userID;
+    showDeleteConversation: Te = !0
+  } = t, Le = U.useMemo(() => {
+    const v = u == null ? void 0 : u.userID;
     return {
       ...{
         type: "messaging",
@@ -1463,13 +1489,13 @@ const Us = ({
       },
       ...g
     };
-  }, [g, m == null ? void 0 : m.userID]), ee = z(null), W = _(async () => {
-    if (!m || !b) return;
-    const v = m.userID;
+  }, [g, u == null ? void 0 : u.userID]), ee = z(null), W = D(async () => {
+    if (!u || !b) return;
+    const v = u.userID;
     if (v)
       try {
-        i && console.log("[MessagingShell] Syncing channels for user:", v);
-        const O = await m.queryChannels(
+        d && console.log("[MessagingShell] Syncing channels for user:", v);
+        const O = await u.queryChannels(
           {
             type: "messaging",
             members: { $in: [v] }
@@ -1479,59 +1505,59 @@ const Us = ({
         ), M = /* @__PURE__ */ new Set();
         O.forEach((L) => {
           const de = L.state.members;
-          Object.values(de).forEach((ze) => {
+          Object.values(de).forEach((Be) => {
             var fe;
-            const ue = (fe = ze.user) == null ? void 0 : fe.id;
-            ue && ue !== v && M.add(ue);
+            const me = (fe = Be.user) == null ? void 0 : fe.id;
+            me && me !== v && M.add(me);
           });
-        }), X((L) => L.size === M.size && [...L].every((de) => M.has(de)) ? L : M), A(O.length > 0), J(!0), ee.current = v, i && console.log("[MessagingShell] Channels synced successfully:", {
+        }), X((L) => L.size === M.size && [...L].every((de) => M.has(de)) ? L : M), A(O.length > 0), J(!0), ee.current = v, d && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: O.length,
           memberCount: M.size
         });
       } catch (O) {
         console.error("[MessagingShell] Failed to sync channels:", O);
       }
-  }, [m, b, i]);
+  }, [u, b, d]);
   G(() => {
-    if (!m || !b) return;
-    const v = m.userID;
+    if (!u || !b) return;
+    const v = u.userID;
     v && ee.current !== v && W();
-  }, [m, b, W]), G(() => {
-    if (!c || !m || !b) return;
+  }, [u, b, W]), G(() => {
+    if (!o || !u || !b) return;
     (async () => {
-      const O = m.userID;
+      const O = u.userID;
       if (O)
         try {
-          i && console.log(
+          d && console.log(
             "[MessagingShell] Loading initial conversation with:",
-            c
+            o
           );
-          const M = await m.queryChannels(
+          const M = await u.queryChannels(
             {
               type: "messaging",
-              members: { $eq: [O, c] }
+              members: { $eq: [O, o] }
             },
             {},
             { limit: 1 }
           );
           if (M.length > 0)
-            x(M[0]), V(!0), D(null), r && r(M[0]), i && console.log(
+            x(M[0]), V(!0), _(null), r && r(M[0]), d && console.log(
               "[MessagingShell] Initial conversation loaded:",
               M[0].id
             );
-          else if (l && N) {
-            i && console.log(
+          else if (l && C) {
+            d && console.log(
               "[MessagingShell] No conversation found, creating one for:",
               l
             );
             try {
-              const L = await N.startChannelWithParticipant({
+              const L = await C.startChannelWithParticipant({
                 id: l.id,
                 name: l.name,
                 email: l.email,
                 phone: l.phone
               });
-              x(L), V(!0), D(null), r && r(L), i && console.log(
+              x(L), V(!0), _(null), r && r(L), d && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 L.id
               );
@@ -1539,48 +1565,48 @@ const Us = ({
               console.error(
                 "[MessagingShell] Failed to create conversation:",
                 L
-              ), D("Failed to create conversation");
+              ), _("Failed to create conversation");
             }
           } else
-            D(
+            _(
               "No conversation found with this account"
-            ), i && console.log(
+            ), d && console.log(
               "[MessagingShell] No conversation found for:",
-              c
+              o
             );
         } catch (M) {
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
             M
-          ), D("Failed to load conversation");
+          ), _("Failed to load conversation");
         }
     })();
   }, [
-    c,
+    o,
     l,
-    m,
+    u,
     b,
-    N,
-    i,
+    C,
+    d,
     r
   ]);
-  const Le = _(
+  const Ue = D(
     (v) => {
       x(v), r == null || r(v);
     },
     [r]
-  ), Pe = _(() => {
+  ), Pe = D(() => {
     j || x(null);
-  }, [j]), Ue = _(
+  }, [j]), Oe = D(
     async (v) => {
       var O;
-      if (N)
+      if (C)
         try {
-          i && console.log(
+          d && console.log(
             "[MessagingShell] Starting conversation with:",
             v.id
           );
-          const M = await N.startChannelWithParticipant({
+          const M = await C.startChannelWithParticipant({
             id: v.id,
             name: v.name,
             email: v.email,
@@ -1591,38 +1617,38 @@ const Us = ({
           } catch (L) {
             console.warn("[MessagingShell] Failed to unhide channel:", L);
           }
-          x(M), q(!1), (O = U.current) == null || O.close(), a == null || a(v);
+          x(M), q(!1), (O = P.current) == null || O.close(), a == null || a(v);
         } catch (M) {
           console.error("[MessagingShell] Failed to start conversation:", M);
         }
     },
-    [N, a, i]
-  ), se = _(() => {
+    [C, a, d]
+  ), se = D(() => {
     var v;
-    q(!1), (v = U.current) == null || v.close();
-  }, []), Oe = _(
+    q(!1), (v = P.current) == null || v.close();
+  }, []), je = D(
     (v) => {
-      v.target === U.current && se();
+      v.target === P.current && se();
     },
     [se]
-  ), je = _(
+  ), Ae = D(
     async (v) => {
-      i && console.log("[MessagingShell] Leaving conversation:", v.id), x(null), V(!1), ee.current = null, await W();
+      d && console.log("[MessagingShell] Leaving conversation:", v.id), x(null), V(!1), ee.current = null, await W();
     },
-    [W, i]
-  ), Ae = _(
+    [W, d]
+  ), ze = D(
     async (v) => {
-      i && console.log("[MessagingShell] Blocking participant:", v), x(null), V(!1), ee.current = null, await W();
+      d && console.log("[MessagingShell] Blocking participant:", v), x(null), V(!1), ee.current = null, await W();
     },
-    [W, i]
-  ), te = !!u;
-  return S ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(ae, {}) }) : p ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(le, { message: p, onBack: T }) }) : !b || !m ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(
+    [W, d]
+  ), te = !!m;
+  return S ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(ae, {}) }) : p ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(le, { message: p, onBack: T }) }) : !b || !u ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(
     le,
     {
       message: "Not connected to messaging service",
       onBack: T
     }
-  ) }) : F ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(le, { message: F }) }) : /* @__PURE__ */ o(
+  ) }) : F ? /* @__PURE__ */ e("div", { className: k("h-full", s), children: /* @__PURE__ */ e(le, { message: F }) }) : /* @__PURE__ */ i(
     "div",
     {
       className: k(
@@ -1630,7 +1656,7 @@ const Us = ({
         s
       ),
       children: [
-        /* @__PURE__ */ o("div", { className: "flex h-full min-h-0", children: [
+        /* @__PURE__ */ i("div", { className: "flex h-full min-h-0", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -1645,12 +1671,12 @@ const Us = ({
                 }
               ),
               children: /* @__PURE__ */ e(
-                pe,
+                ke,
                 {
-                  onChannelSelect: Le,
-                  selectedChannel: u || void 0,
-                  filters: Te,
-                  customEmptyStateIndicator: C
+                  onChannelSelect: Ue,
+                  selectedChannel: m || void 0,
+                  filters: Le,
+                  customEmptyStateIndicator: N
                 }
               )
             }
@@ -1662,34 +1688,34 @@ const Us = ({
                 "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: j || te || c,
+                  flex: j || te || o,
                   // Normal mode: hide on mobile when no channel selected
-                  "hidden lg:flex": !j && !te && !c
+                  "hidden lg:flex": !j && !te && !o
                 }
               ),
-              children: u ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
-                De,
+              children: m ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
+                Me,
                 {
-                  channel: u,
+                  channel: m,
                   onBack: Pe,
                   showBackButton: !j,
                   renderMessageInputActions: n,
-                  onLeaveConversation: je,
-                  onBlockParticipant: Ae,
+                  onLeaveConversation: Ae,
+                  onBlockParticipant: ze,
                   CustomChannelEmptyState: h,
-                  showDeleteConversation: Fe,
-                  onDeleteConversationClick: d,
+                  showDeleteConversation: Te,
+                  onDeleteConversationClick: c,
                   onBlockParticipantClick: E,
                   onReportParticipantClick: R,
                   pendingAttachment: I,
                   onClearPendingAttachment: w
                 },
-                u.id
-              ) }) : c ? (
+                m.id
+              ) }) : o ? (
                 // Show loading while creating/loading direct conversation channel
                 /* @__PURE__ */ e(ae, {})
               ) : /* @__PURE__ */ e(
-                Me,
+                Fe,
                 {
                   hasChannels: B,
                   channelsLoaded: H
@@ -1702,15 +1728,15 @@ const Us = ({
         /* @__PURE__ */ e(
           "dialog",
           {
-            ref: U,
+            ref: P,
             className: "mes-dialog",
-            onClick: Oe,
+            onClick: je,
             onClose: se,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
               Ss,
               {
                 participantSource: $,
-                onSelectParticipant: Ue,
+                onSelectParticipant: Oe,
                 onClose: se,
                 existingParticipantIds: Q,
                 participantLabel: Y,
@@ -1751,22 +1777,22 @@ const Us = ({
   loadingFaqId: n,
   headerText: r,
   className: a,
-  avatarImage: c,
+  avatarImage: o,
   avatarName: l
 }) => {
   const h = t.filter((f) => f.enabled).sort((f, g) => (f.order ?? 0) - (g.order ?? 0));
-  return h.length === 0 ? null : /* @__PURE__ */ e("div", { className: a, children: /* @__PURE__ */ o("div", { className: "flex gap-3 items-end", children: [
-    (c || l) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
+  return h.length === 0 ? null : /* @__PURE__ */ e("div", { className: a, children: /* @__PURE__ */ i("div", { className: "flex gap-3 items-end", children: [
+    (o || l) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
       Z,
       {
         id: l || "account",
         name: l || "Account",
-        image: c,
+        image: o,
         size: 24,
         shape: "circle"
       }
     ) }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ i(
       "div",
       {
         className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
@@ -1787,55 +1813,55 @@ const Us = ({
     )
   ] }) });
 }, js = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: r = 20 } = s, [a, c] = y([]), [l, h] = y(!1), [f, g] = y(null), [C, d] = y(n), [E, R] = y(!0), [I, w] = y(), N = _(async (p = !1, T) => {
+  const { initialSearch: n = "", pageSize: r = 20 } = s, [a, o] = y([]), [l, h] = y(!1), [f, g] = y(null), [N, c] = y(n), [E, R] = y(!0), [I, w] = y(), C = D(async (p = !1, T) => {
     if (l) return;
-    const i = T !== void 0 ? T : C;
+    const d = T !== void 0 ? T : N;
     h(!0), g(null);
     try {
-      const u = await t.loadParticipants({
-        search: i || void 0,
+      const m = await t.loadParticipants({
+        search: d || void 0,
         limit: r,
         cursor: p ? void 0 : I
       });
-      c(
-        (x) => p ? u.participants : [...x, ...u.participants]
-      ), R(u.hasMore), w(u.nextCursor);
-    } catch (u) {
-      const x = u instanceof Error ? u.message : "Failed to load participants";
-      g(x), console.error("[useParticipants] Load error:", u);
+      o(
+        (x) => p ? m.participants : [...x, ...m.participants]
+      ), R(m.hasMore), w(m.nextCursor);
+    } catch (m) {
+      const x = m instanceof Error ? m.message : "Failed to load participants";
+      g(x), console.error("[useParticipants] Load error:", m);
     } finally {
       h(!1);
     }
-  }, [t, C, I, r, l]), m = _(() => {
-    E && !l && N(!1);
-  }, [E, l, N]), b = _((p) => {
-    d(p), w(void 0), N(!0, p);
-  }, [N]), S = _(() => {
-    w(void 0), N(!0);
-  }, [N]);
+  }, [t, N, I, r, l]), u = D(() => {
+    E && !l && C(!1);
+  }, [E, l, C]), b = D((p) => {
+    c(p), w(void 0), C(!0, p);
+  }, [C]), S = D(() => {
+    w(void 0), C(!0);
+  }, [C]);
   return G(() => {
-    N(!0);
+    C(!0);
   }, [t.loadParticipants]), {
     participants: a,
     loading: l,
     error: f,
-    searchQuery: C,
+    searchQuery: N,
     hasMore: E,
     totalCount: t.totalCount,
-    loadMore: m,
+    loadMore: u,
     search: b,
     refresh: S
   };
 };
 export {
   Z as Avatar,
-  vs as ChannelEmptyState,
-  pe as ChannelList,
-  De as ChannelView,
+  Cs as ChannelEmptyState,
+  ke as ChannelList,
+  Me as ChannelView,
   Os as FaqList,
   ks as FaqListItem,
-  Ps as MessagingProvider,
-  Us as MessagingShell,
+  Us as MessagingProvider,
+  Ps as MessagingShell,
   Ss as ParticipantPicker,
   cs as formatRelativeTime,
   os as useMessaging,