npm - @linktr.ee/messaging-react - Versions diffs - 1.20.0 → 1.21.0-rc-1771294922 - Mend

@linktr.ee/messaging-react 1.20.0 → 1.21.0-rc-1771294922

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.d.ts +7 -1
package/dist/index.js +432 -428
package/dist/index.js.map +1 -1
package/package.json +1 -1
package/src/components/ChannelView.tsx +7 -0
package/src/types.ts +8 -0

package/dist/index.js CHANGED Viewed

@@ -24,8 +24,8 @@ const Le = Je({
   debug: c = !1
 }) => {
   const r = T(
-    (m, ...v) => {
-      c && console.log(`🔥 [MessagingProvider] ${m}`, ...v);
+    (u, ...N) => {
+      c && console.log(`🔥 [MessagingProvider] ${u}`, ...N);
     },
     [c]
   );
@@ -35,84 +35,84 @@ const Le = Je({
     serviceConfig: !!n,
     capabilities: Object.keys(o)
   });
-  const [d, b] = k(null), [u, S] = k(null), [f, x] = k(!1), [l, M] = k(!1), [I, E] = k(null), g = V(!1), C = V({
+  const [d, b] = k(null), [m, M] = k(null), [x, g] = k(!1), [l, I] = k(!1), [_, y] = k(null), E = V(!1), h = V({
     userId: s == null ? void 0 : s.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: o
-  }), N = V(0);
-  N.current++, r("📊 RENDER INFO", {
-    renderCount: N.current,
+  }), p = V(0);
+  p.current++, r("📊 RENDER INFO", {
+    renderCount: p.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: C.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: C.current.apiKey !== a,
-      serviceConfigChanged: C.current.serviceConfig !== n,
-      capabilitiesChanged: C.current.capabilities !== o
+      userChanged: h.current.userId !== (s == null ? void 0 : s.id),
+      apiKeyChanged: h.current.apiKey !== a,
+      serviceConfigChanged: h.current.serviceConfig !== n,
+      capabilitiesChanged: h.current.capabilities !== o
     }
-  }), C.current = {
+  }), h.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: o
   }, W(() => {
-    const m = N.current;
+    const u = p.current;
     if (r("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: m,
+      renderCount: u,
       apiKey: !!a,
       serviceConfig: !!n,
       dependencies: {
         apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
         serviceConfigRef: n,
-        serviceConfigStable: C.current.serviceConfig === n,
-        apiKeyStable: C.current.apiKey === a
+        serviceConfigStable: h.current.serviceConfig === n,
+        apiKeyStable: h.current.apiKey === a
       }
     }), !a || !n) {
       r("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: m,
+        renderCount: u,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     r("🚀 CREATING NEW SERVICE", {
-      renderCount: m,
+      renderCount: u,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
-      serviceConfigChanged: C.current.serviceConfig !== n
+      serviceConfigChanged: h.current.serviceConfig !== n
     });
-    const v = new Xe({
+    const N = new Xe({
       ...n,
       apiKey: a,
       debug: c
     });
-    return b(v), r("✅ SERVICE SET", {
-      renderCount: m,
-      serviceInstance: !!v
+    return b(N), r("✅ SERVICE SET", {
+      renderCount: u,
+      serviceInstance: !!N
     }), () => {
       r("🧹 SERVICE CLEANUP", {
-        renderCount: m,
+        renderCount: u,
         reason: "Effect cleanup"
-      }), v.disconnectUser().catch(console.error);
+      }), N.disconnectUser().catch(console.error);
     };
   }, [a, n, c, r]);
-  const w = V(null);
+  const C = V(null);
   W(() => {
-    var v, R;
+    var N, R;
     if (r("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
-      isConnecting: g.current,
-      isConnected: f,
+      isConnecting: E.current,
+      isConnected: x,
       dependencies: { service: !!d, userId: s == null ? void 0 : s.id }
     }), !d || !s) {
       r("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (g.current) {
+    if (E.current) {
       r("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((v = w.current) == null ? void 0 : v.serviceId) === d && ((R = w.current) == null ? void 0 : R.userId) === s.id) {
+    if (((N = C.current) == null ? void 0 : N.serviceId) === d && ((R = C.current) == null ? void 0 : R.userId) === s.id) {
       r(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -120,40 +120,40 @@ const Le = Je({
       return;
     }
     (async () => {
-      r("🚀 STARTING USER CONNECTION", { userId: s.id }), g.current = !0, M(!0), E(null);
+      r("🚀 STARTING USER CONNECTION", { userId: s.id }), E.current = !0, I(!0), y(null);
       try {
         r("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const y = await d.connectUser(s);
-        S(y), x(!0), w.current = { serviceId: d, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
+        const w = await d.connectUser(s);
+        M(w), g(!0), C.current = { serviceId: d, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: y.userID
+          clientId: w.userID
         });
-      } catch (y) {
-        const O = y instanceof Error ? y.message : "Connection failed";
-        E(O), r("❌ USER CONNECTION ERROR", {
+      } catch (w) {
+        const F = w instanceof Error ? w.message : "Connection failed";
+        y(F), r("❌ USER CONNECTION ERROR", {
           userId: s.id,
-          error: O
+          error: F
         });
       } finally {
-        M(!1), g.current = !1, r("🔄 USER CONNECTION FINISHED", {
+        I(!1), E.current = !1, r("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
-          isConnected: f
+          isConnected: x
         });
       }
     })();
-  }, [d, s, r, f]), W(() => (r("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [d, s, r, x]), W(() => (r("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!d,
-    isConnected: f
+    isConnected: x
   }), () => {
-    d && f ? (r(
+    d && x ? (r(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), w.current = null, d.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
+    ), C.current = null, d.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!d,
-      isConnected: f
+      isConnected: x
     });
-  }), [d, f, r]);
-  const p = T(async () => {
+  }), [d, x, r]);
+  const v = T(async () => {
     if (r("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!s
@@ -161,55 +161,55 @@ const Le = Je({
       r("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    r("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), M(!0);
+    r("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), I(!0);
     try {
       r("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), r("📞 RECONNECTING FOR REFRESH");
-      const m = await d.connectUser(s);
-      S(m), x(!0), E(null), r("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
-    } catch (m) {
-      const v = m instanceof Error ? m.message : "Refresh failed";
-      E(v), r("❌ CONNECTION REFRESH ERROR", {
+      const u = await d.connectUser(s);
+      M(u), g(!0), y(null), r("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+    } catch (u) {
+      const N = u instanceof Error ? u.message : "Refresh failed";
+      y(N), r("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
-        error: v
+        error: N
       });
     } finally {
-      M(!1), r("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      I(!1), r("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [d, s, r]), h = B.useMemo(() => (r("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, s, r]), f = B.useMemo(() => (r("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
-    hasClient: !!u,
-    isConnected: f,
+    hasClient: !!m,
+    isConnected: x,
     isLoading: l,
-    hasError: !!I,
+    hasError: !!_,
     capabilitiesKeys: Object.keys(o)
   }), {
     service: d,
-    client: u,
-    isConnected: f,
+    client: m,
+    isConnected: x,
     isLoading: l,
-    error: I,
+    error: _,
     capabilities: o,
-    refreshConnection: p,
+    refreshConnection: v,
     debug: c
   }), [
     d,
-    u,
-    f,
+    m,
+    x,
     l,
-    I,
+    _,
     o,
-    p,
+    v,
     c,
     r
   ]);
   return r("🔄 RENDER END", {
-    renderCount: N.current,
-    willRenderChat: !!(u && f),
-    contextValueReady: !!h
-  }), /* @__PURE__ */ e(Le.Provider, { value: h, children: u && f ? /* @__PURE__ */ e(
+    renderCount: p.current,
+    willRenderChat: !!(m && x),
+    contextValueReady: !!f
+  }), /* @__PURE__ */ e(Le.Provider, { value: f, children: m && x ? /* @__PURE__ */ e(
     Ke,
     {
-      client: u,
+      client: m,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -365,26 +365,26 @@ const Q = ({
     unread: o,
     renderMessagePreview: c
   }) => {
-    var N, w, p, h, m, v;
+    var p, C, v, f, u, N;
     const r = (s == null ? void 0 : s.id) === (t == null ? void 0 : t.id), d = () => {
       t && n(t);
-    }, u = Object.values(((N = t == null ? void 0 : t.state) == null ? void 0 : N.members) || {}).find(
+    }, m = Object.values(((p = t == null ? void 0 : t.state) == null ? void 0 : p.members) || {}).find(
       (R) => {
-        var y, O;
-        return ((y = R.user) == null ? void 0 : y.id) && R.user.id !== ((O = t == null ? void 0 : t._client) == null ? void 0 : O.userID);
+        var w, F;
+        return ((w = R.user) == null ? void 0 : w.id) && R.user.id !== ((F = t == null ? void 0 : t._client) == null ? void 0 : F.userID);
       }
-    ), S = ((w = u == null ? void 0 : u.user) == null ? void 0 : w.name) || "Conversation", f = (p = u == null ? void 0 : u.user) == null ? void 0 : p.image, x = (m = (h = t == null ? void 0 : t.state) == null ? void 0 : h.messages) == null ? void 0 : m[t.state.messages.length - 1], M = (() => {
-      var y;
-      if (x != null && x.text) return x.text;
-      const R = (y = x == null ? void 0 : x.attachments) == null ? void 0 : y[0];
+    ), M = ((C = m == null ? void 0 : m.user) == null ? void 0 : C.name) || "Conversation", x = (v = m == null ? void 0 : m.user) == null ? void 0 : v.image, g = (u = (f = t == null ? void 0 : t.state) == null ? void 0 : f.messages) == null ? void 0 : u[t.state.messages.length - 1], I = (() => {
+      var w;
+      if (g != null && g.text) return g.text;
+      const R = (w = g == null ? void 0 : g.attachments) == null ? void 0 : w[0];
       return R ? R.og_scrape_url ? R.og_scrape_url : R.type === "image" ? "📷 Sent an image" : R.type === "video" ? "🎥 Sent a video" : R.type === "audio" ? "🎵 Sent audio" : R.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), I = x != null && x.created_at ? Vs(new Date(x.created_at)) : "", E = x ? ye(x) : !1, g = c ? c(x, M) : `${E ? "✨ " : ""}${M}`, C = o ?? 0;
+    })(), _ = g != null && g.created_at ? Vs(new Date(g.created_at)) : "", y = g ? ye(g) : !1, E = c ? c(g, I) : `${y ? "✨ " : ""}${I}`, h = o ?? 0;
     return a && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: r,
-      participantName: S,
-      unreadCount: C,
-      hasTimestamp: !!I
+      participantName: M,
+      unreadCount: h,
+      hasTimestamp: !!_
     }), /* @__PURE__ */ e(
       "button",
       {
@@ -401,9 +401,9 @@ const Q = ({
           /* @__PURE__ */ e(
             Q,
             {
-              id: ((v = u == null ? void 0 : u.user) == null ? void 0 : v.id) || t.id || "unknown",
-              name: S,
-              image: f,
+              id: ((N = m == null ? void 0 : m.user) == null ? void 0 : N.id) || t.id || "unknown",
+              name: M,
+              image: x,
               size: 44,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
@@ -417,14 +417,14 @@ const Q = ({
                     "text-sm font-medium truncate",
                     r ? "text-primary" : "text-charcoal"
                   ),
-                  children: S
+                  children: M
                 }
               ),
-              I && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: I })
+              _ && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-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 flex-1 line-clamp-1", children: g }),
-              C > 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: C > 99 ? "99+" : C })
+              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: E }),
+              h > 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: h > 99 ? "99+" : h })
             ] })
           ] })
         ] })
@@ -450,10 +450,10 @@ const Ue = B.memo(
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const b = B.useMemo(() => (S) => /* @__PURE__ */ e(
+    const b = B.useMemo(() => (M) => /* @__PURE__ */ e(
       Oe,
       {
-        ...S,
+        ...M,
         selectedChannel: s,
         onChannelSelect: t,
         debug: d,
@@ -614,27 +614,27 @@ const st = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     groupedByUser: r,
     handleAction: d,
     handleOpenThread: b,
-    handleRetry: u,
-    highlighted: S,
-    isMessageAIGenerated: f,
-    isMyMessage: x,
+    handleRetry: m,
+    highlighted: M,
+    isMessageAIGenerated: x,
+    isMyMessage: g,
     message: l,
-    renderText: M,
-    threadList: I
-  } = t, { client: E } = Fe("CustomMessage"), [g, C] = k(!1), N = ns(l.id), { selected: w, voteUp: p, voteDown: h } = et(l), {
-    Attachment: m = as,
-    EditMessageModal: v = ls,
+    renderText: I,
+    threadList: _
+  } = t, { client: y } = Fe("CustomMessage"), [E, h] = k(!1), p = ns(l.id), { selected: C, voteUp: v, voteDown: f } = et(l), {
+    Attachment: u = as,
+    EditMessageModal: N = ls,
     MessageBlocked: R = os,
-    MessageBouncePrompt: y = is,
-    MessageDeleted: O = cs,
+    MessageBouncePrompt: w = is,
+    MessageDeleted: F = cs,
     MessageIsThreadReplyInChannelButtonIndicator: $ = ds,
     MessageRepliesCountButton: te = us,
     ReminderNotification: X = ms,
     StreamedMessageText: K = hs,
     PinIndicator: q
   } = rs("CustomMessage"), ne = fs(l), Z = gs(l), ee = be(
-    () => f == null ? void 0 : f(l),
-    [f, l]
+    () => x == null ? void 0 : x(l),
+    [x, l]
   ), G = be(
     () => !l.shared_location && !l.attachments ? [] : l.shared_location ? [l.shared_location, ...l.attachments ?? []] : l.attachments,
     [l]
@@ -642,48 +642,48 @@ const st = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   if (xs(l))
     return null;
   if (l.deleted_at || l.type === "deleted")
-    return /* @__PURE__ */ e(O, { message: l });
+    return /* @__PURE__ */ e(F, { message: l });
   if (bs(l))
     return /* @__PURE__ */ e(R, {});
-  const L = !I && !!l.reply_count, U = !I && l.show_in_channel && l.parent_id, F = l.status === "failed" && ((re = l.error) == null ? void 0 : re.status) !== 403, j = Cs(l);
+  const P = !_ && !!l.reply_count, U = !_ && l.show_in_channel && l.parent_id, L = l.status === "failed" && ((re = l.error) == null ? void 0 : re.status) !== 403, j = Cs(l);
   let z;
-  F ? z = () => u(l) : j && (z = () => C(!0));
+  L ? z = () => m(l) : j && (z = () => h(!0));
   const Y = D(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${l.type}`,
     `str-chat__message--${l.status}`,
-    x() ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    g() ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     l.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": ne,
-      "str-chat__message--highlighted": S,
+      "str-chat__message--highlighted": M,
       "str-chat__message--pinned pinned-message": l.pinned,
       "str-chat__message--with-reactions": Z,
       "str-chat__message-send-can-be-retried": (l == null ? void 0 : l.status) === "failed" && ((le = l == null ? void 0 : l.error) == null ? void 0 : le.status) !== 403,
-      "str-chat__message-with-thread-link": L || U,
+      "str-chat__message-with-thread-link": P || U,
       "str-chat__virtual-message__wrapper--end": o,
       "str-chat__virtual-message__wrapper--first": c,
       "str-chat__virtual-message__wrapper--group": r
     }
-  ), J = l.poll_id && E.polls.fromState(l.poll_id), ae = Qs(l);
+  ), J = l.poll_id && y.polls.fromState(l.poll_id), ae = Qs(l);
   return /* @__PURE__ */ i(ve, { children: [
     a && /* @__PURE__ */ e(
-      v,
+      N,
       {
         additionalMessageInputProps: s
       }
     ),
-    g && /* @__PURE__ */ e(
+    E && /* @__PURE__ */ e(
       Ns,
       {
-        MessageBouncePrompt: y,
-        onClose: () => C(!1),
-        open: g
+        MessageBouncePrompt: w,
+        onClose: () => h(!1),
+        open: E
       }
     ),
     /* @__PURE__ */ i("div", { className: Y, children: [
       q && /* @__PURE__ */ e(q, {}),
-      !!N && /* @__PURE__ */ e(X, { reminder: N }),
+      !!p && /* @__PURE__ */ e(X, { reminder: p }),
       l.user && /* @__PURE__ */ e(
         Q,
         {
@@ -697,7 +697,7 @@ const st = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
         "div",
         {
           className: D("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": F || j
+            "str-chat__simple-message--error-failed": L || j
           }),
           "data-testid": "message-inner",
           onClick: z,
@@ -717,7 +717,7 @@ const st = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
               J && /* @__PURE__ */ e(vs, { poll: J }),
               G != null && G.length && !l.quoted_message ? /* @__PURE__ */ e(
-                m,
+                u,
                 {
                   actionHandler: d,
                   attachments: G
@@ -727,24 +727,24 @@ const st = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
                 K,
                 {
                   message: l,
-                  renderText: M
+                  renderText: I
                 }
-              ) : /* @__PURE__ */ e(ws, { message: l, renderText: M }),
+              ) : /* @__PURE__ */ e(ws, { message: l, renderText: I }),
               /* @__PURE__ */ e(ps, {})
             ] }),
             /* @__PURE__ */ e(Te, { message: l }),
             n && ye(l) && /* @__PURE__ */ e(
               nt,
               {
-                selected: w,
-                onVoteUp: p,
-                onVoteDown: h
+                selected: C,
+                onVoteUp: v,
+                onVoteDown: f
               }
             )
           ] })
         }
       ),
-      L && /* @__PURE__ */ e(
+      P && /* @__PURE__ */ e(
         te,
         {
           onClick: b,
@@ -921,33 +921,33 @@ const gt = ({
   canShowInfo: a,
   showStarButton: o = !1
 }) => {
-  var x, l, M, I, E, g;
+  var g, l, I, _, y, E;
   const { channel: c } = we(), r = B.useMemo(() => Object.values(c.state.members || {}).find(
-    (N) => {
-      var w;
-      return ((w = N.user) == null ? void 0 : w.id) && N.user.id !== c._client.userID;
+    (p) => {
+      var C;
+      return ((C = p.user) == null ? void 0 : C.id) && p.user.id !== c._client.userID;
     }
-  ), [c._client.userID, c.state.members]), d = ((x = r == null ? void 0 : r.user) == null ? void 0 : x.name) || ((l = r == null ? void 0 : r.user) == null ? void 0 : l.id) || "Unknown member", b = (M = r == null ? void 0 : r.user) == null ? void 0 : M.image, [u, S] = k(
-    !!((I = c.state.membership) != null && I.pinned_at)
+  ), [c._client.userID, c.state.members]), d = ((g = r == null ? void 0 : r.user) == null ? void 0 : g.name) || ((l = r == null ? void 0 : r.user) == null ? void 0 : l.id) || "Unknown member", b = (I = r == null ? void 0 : r.user) == null ? void 0 : I.image, [m, M] = k(
+    !!((_ = c.state.membership) != null && _.pinned_at)
   );
   W(() => {
-    const C = (N) => {
-      var w;
-      S(
-        N != null && N.member ? !!N.member.pinned_at : !!((w = c.state.membership) != null && w.pinned_at)
+    const h = (p) => {
+      var C;
+      M(
+        p != null && p.member ? !!p.member.pinned_at : !!((C = c.state.membership) != null && C.pinned_at)
       );
     };
-    return c.on("member.updated", C), () => {
-      c.off("member.updated", C);
+    return c.on("member.updated", h), () => {
+      c.off("member.updated", h);
     };
   }, [c]);
-  const f = async () => {
+  const x = async () => {
     try {
-      u ? await c.unpin() : await c.pin();
-    } catch (C) {
+      m ? await c.unpin() : await c.pin();
+    } catch (h) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        C
+        h
       );
     }
   };
@@ -970,7 +970,7 @@ const gt = ({
         /* @__PURE__ */ e(
           Q,
           {
-            id: ((E = r == null ? void 0 : r.user) == null ? void 0 : E.id) || c.id || "unknown",
+            id: ((y = r == null ? void 0 : r.user) == null ? void 0 : y.id) || c.id || "unknown",
             name: d,
             image: b,
             size: 40
@@ -983,17 +983,17 @@ const gt = ({
           "button",
           {
             className: "size-10 rounded-full bg-[#F1F0EE] flex items-center justify-center",
-            onClick: f,
+            onClick: x,
             type: "button",
-            "aria-label": u ? "Unstar conversation" : "Star conversation",
+            "aria-label": m ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               _e,
               {
                 className: D("size-5", {
-                  "text-yellow-600": u,
-                  "text-black/90": !u
+                  "text-yellow-600": m,
+                  "text-black/90": !m
                 }),
-                weight: u ? "duotone" : "regular"
+                weight: m ? "duotone" : "regular"
               }
             )
           }
@@ -1025,7 +1025,7 @@ const gt = ({
         /* @__PURE__ */ e(
           Q,
           {
-            id: ((g = r == null ? void 0 : r.user) == null ? void 0 : g.id) || c.id || "unknown",
+            id: ((E = r == null ? void 0 : r.user) == null ? void 0 : E.id) || c.id || "unknown",
             name: d,
             image: b,
             size: 40
@@ -1038,17 +1038,17 @@ const gt = ({
           "button",
           {
             className: "size-10 rounded-full bg-[#F1F0EE] flex items-center justify-center",
-            onClick: f,
+            onClick: x,
             type: "button",
-            "aria-label": u ? "Unstar conversation" : "Star conversation",
+            "aria-label": m ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               _e,
               {
                 className: D("size-5", {
-                  "text-yellow-600": u,
-                  "text-black/90": !u
+                  "text-yellow-600": m,
+                  "text-black/90": !m
                 }),
-                weight: u ? "duotone" : "regular"
+                weight: m ? "duotone" : "regular"
               }
             )
           }
@@ -1076,77 +1076,77 @@ const gt = ({
   onBlockParticipant: r,
   showDeleteConversation: d = !0,
   onDeleteConversationClick: b,
-  onBlockParticipantClick: u,
-  onReportParticipantClick: S
+  onBlockParticipantClick: m,
+  onReportParticipantClick: M
 }) => {
   var X, K, q, ne, Z, ee, G;
-  const { service: f, debug: x } = fe(), [l, M] = k(!1), [I, E] = k(!1), [g, C] = k(!1), N = T(async () => {
-    var L;
-    if (!(!f || !((L = n == null ? void 0 : n.user) != null && L.id)))
+  const { service: x, debug: g } = fe(), [l, I] = k(!1), [_, y] = k(!1), [E, h] = k(!1), p = T(async () => {
+    var P;
+    if (!(!x || !((P = n == null ? void 0 : n.user) != null && P.id)))
       try {
-        const F = (await f.getBlockedUsers()).some(
+        const L = (await x.getBlockedUsers()).some(
           (j) => {
             var z;
             return j.blocked_user_id === ((z = n == null ? void 0 : n.user) == null ? void 0 : z.id);
           }
         );
-        M(F);
+        I(L);
       } catch (U) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
           U
         );
       }
-  }, [f, (X = n == null ? void 0 : n.user) == null ? void 0 : X.id]);
+  }, [x, (X = n == null ? void 0 : n.user) == null ? void 0 : X.id]);
   W(() => {
-    N();
-  }, [N]);
-  const w = async () => {
-    var L;
-    if (!I) {
-      b == null || b(), x && console.log("[ChannelInfoDialog] Leave conversation", a.cid), E(!0);
+    p();
+  }, [p]);
+  const C = async () => {
+    var P;
+    if (!_) {
+      b == null || b(), g && console.log("[ChannelInfoDialog] Leave conversation", a.cid), y(!0);
       try {
-        const U = ((L = a._client) == null ? void 0 : L.userID) ?? null;
+        const U = ((P = a._client) == null ? void 0 : P.userID) ?? null;
         await a.hide(U, !1), c && await c(a), s();
       } catch (U) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", U);
       } finally {
-        E(!1);
+        y(!1);
       }
     }
-  }, p = async () => {
-    var L, U, F;
-    if (!(g || !f)) {
-      u == null || u(), x && console.log("[ChannelInfoDialog] Block member", (L = n == null ? void 0 : n.user) == null ? void 0 : L.id), C(!0);
+  }, v = async () => {
+    var P, U, L;
+    if (!(E || !x)) {
+      m == null || m(), g && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), h(!0);
       try {
-        await f.blockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), r && await r((F = n == null ? void 0 : n.user) == null ? void 0 : F.id), s();
+        await x.blockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), r && await r((L = n == null ? void 0 : n.user) == null ? void 0 : L.id), s();
       } catch (j) {
         console.error("[ChannelInfoDialog] Failed to block member", j);
       } finally {
-        C(!1);
+        h(!1);
       }
     }
-  }, h = async () => {
-    var L, U, F;
-    if (!(g || !f)) {
-      u == null || u(), x && console.log("[ChannelInfoDialog] Unblock member", (L = n == null ? void 0 : n.user) == null ? void 0 : L.id), C(!0);
+  }, f = async () => {
+    var P, U, L;
+    if (!(E || !x)) {
+      m == null || m(), g && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), h(!0);
       try {
-        await f.unBlockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), r && await r((F = n == null ? void 0 : n.user) == null ? void 0 : F.id), s();
+        await x.unBlockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), r && await r((L = n == null ? void 0 : n.user) == null ? void 0 : L.id), s();
       } catch (j) {
         console.error("[ChannelInfoDialog] Failed to unblock member", j);
       } finally {
-        C(!1);
+        h(!1);
       }
     }
-  }, m = () => {
-    S == null || S(), s(), window.open(
+  }, u = () => {
+    M == null || M(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
       "noopener,noreferrer"
     );
   };
   if (!n) return null;
-  const v = ((K = n.user) == null ? void 0 : K.name) || ((q = n.user) == null ? void 0 : q.id) || "Unknown member", R = (ne = n.user) == null ? void 0 : ne.image, y = (Z = n.user) == null ? void 0 : Z.email, O = (ee = n.user) == null ? void 0 : ee.username, $ = y || (O ? `linktr.ee/${O}` : void 0), te = ((G = n.user) == null ? void 0 : G.id) || "unknown";
+  const N = ((K = n.user) == null ? void 0 : K.name) || ((q = n.user) == null ? void 0 : q.id) || "Unknown member", R = (ne = n.user) == null ? void 0 : ne.image, w = (Z = n.user) == null ? void 0 : Z.email, F = (ee = n.user) == null ? void 0 : ee.username, $ = w || (F ? `linktr.ee/${F}` : void 0), te = ((G = n.user) == null ? void 0 : G.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -1155,8 +1155,8 @@ const gt = ({
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (L) => {
-          L.target === t.current && s();
+        onClick: (P) => {
+          P.target === t.current && s();
         },
         children: /* @__PURE__ */ i("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
@@ -1174,14 +1174,14 @@ const gt = ({
                     Q,
                     {
                       id: te,
-                      name: v,
+                      name: N,
                       image: R,
                       size: 88,
                       shape: "circle"
                     }
                   ),
                   /* @__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: v }),
+                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: N }),
                     $ && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: $ }),
                     o && /* @__PURE__ */ e(
                       "span",
@@ -1205,11 +1205,11 @@ const gt = ({
               d && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
                 de,
                 {
-                  onClick: w,
-                  disabled: I,
-                  "aria-busy": I,
+                  onClick: C,
+                  disabled: _,
+                  "aria-busy": _,
                   children: [
-                    I ? /* @__PURE__ */ e(ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(As, { className: "h-5 w-5" }),
+                    _ ? /* @__PURE__ */ e(ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(As, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -1217,27 +1217,27 @@ const gt = ({
               /* @__PURE__ */ e("li", { children: l ? /* @__PURE__ */ i(
                 de,
                 {
-                  onClick: h,
-                  disabled: g,
-                  "aria-busy": g,
+                  onClick: f,
+                  disabled: E,
+                  "aria-busy": E,
                   children: [
-                    g ? /* @__PURE__ */ e(ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Me, { className: "h-5 w-5" }),
+                    E ? /* @__PURE__ */ e(ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Me, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ i(
                 de,
                 {
-                  onClick: p,
-                  disabled: g,
-                  "aria-busy": g,
+                  onClick: v,
+                  disabled: E,
+                  "aria-busy": E,
                   children: [
-                    g ? /* @__PURE__ */ e(ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Me, { className: "h-5 w-5" }),
+                    E ? /* @__PURE__ */ e(ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Me, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(de, { variant: "danger", onClick: m, children: [
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(de, { variant: "danger", onClick: u, children: [
                 /* @__PURE__ */ e($s, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) })
@@ -1257,33 +1257,34 @@ const gt = ({
   onDeleteConversationClick: r,
   onBlockParticipantClick: d,
   onReportParticipantClick: b,
-  showStarButton: u = !1,
-  chatbotVotingEnabled: S = !1
+  showStarButton: m = !1,
+  chatbotVotingEnabled: M = !1,
+  renderChannelBanner: x
 }) => {
-  const { channel: f } = we(), x = V(null), l = B.useMemo(() => Object.values(f.state.members || {}).find(
-    (C) => {
-      var N;
-      return ((N = C.user) == null ? void 0 : N.id) && C.user.id !== f._client.userID;
+  const { channel: g } = we(), l = V(null), I = B.useMemo(() => Object.values(g.state.members || {}).find(
+    (p) => {
+      var C;
+      return ((C = p.user) == null ? void 0 : C.id) && p.user.id !== g._client.userID;
     }
-  ), [f._client.userID, f.state.members]), M = B.useMemo(() => {
-    const g = f.data ?? {};
-    if (g.followerStatus)
-      return String(g.followerStatus);
-    if (g.isFollower !== void 0)
-      return g.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [f.data]), I = T(() => {
-    var g;
-    (g = x.current) == null || g.showModal();
+  ), [g._client.userID, g.state.members]), _ = B.useMemo(() => {
+    const h = g.data ?? {};
+    if (h.followerStatus)
+      return String(h.followerStatus);
+    if (h.isFollower !== void 0)
+      return h.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [g.data]), y = T(() => {
+    var h;
+    (h = l.current) == null || h.showModal();
   }, []), E = T(() => {
-    var g;
-    (g = x.current) == null || g.close();
+    var h;
+    (h = l.current) == null || h.close();
   }, []);
   return /* @__PURE__ */ i(ve, { children: [
     /* @__PURE__ */ e(
       Ps,
       {
         overrides: {
-          Message: (g) => /* @__PURE__ */ e(lt, { ...g, chatbotVotingEnabled: S })
+          Message: (h) => /* @__PURE__ */ e(lt, { ...h, chatbotVotingEnabled: M })
         },
         children: /* @__PURE__ */ i(Os, { children: [
           /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
@@ -1291,11 +1292,12 @@ const gt = ({
             {
               onBack: t,
               showBackButton: s,
-              onShowInfo: I,
-              canShowInfo: !!l,
-              showStarButton: u
+              onShowInfo: y,
+              canShowInfo: !!I,
+              showStarButton: m
             }
           ) }),
+          x == null ? void 0 : x(),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
             Us,
             {
@@ -1307,7 +1309,7 @@ const gt = ({
           /* @__PURE__ */ e(
             ut,
             {
-              renderActions: () => n == null ? void 0 : n(f)
+              renderActions: () => n == null ? void 0 : n(g)
             }
           )
         ] })
@@ -1316,11 +1318,11 @@ const gt = ({
     /* @__PURE__ */ e(
       xt,
       {
-        dialogRef: x,
+        dialogRef: l,
         onClose: E,
-        participant: l,
-        channel: f,
-        followerStatusLabel: M,
+        participant: I,
+        channel: g,
+        followerStatusLabel: _,
         onLeaveConversation: a,
         onBlockParticipant: o,
         showDeleteConversation: c,
@@ -1341,34 +1343,35 @@ const gt = ({
     className: r,
     CustomChannelEmptyState: d = ht,
     showDeleteConversation: b = !0,
-    onDeleteConversationClick: u,
-    onBlockParticipantClick: S,
-    onReportParticipantClick: f,
-    dmAgentEnabled: x,
+    onDeleteConversationClick: m,
+    onBlockParticipantClick: M,
+    onReportParticipantClick: x,
+    dmAgentEnabled: g,
     messageMetadata: l,
-    onMessageSent: M,
-    showStarButton: I = !1,
-    chatbotVotingEnabled: E = !1
+    onMessageSent: I,
+    showStarButton: _ = !1,
+    chatbotVotingEnabled: y = !1,
+    renderChannelBanner: E
   }) => {
-    const g = T(
-      async (C, N, w) => {
-        var y;
-        const p = ((y = t.data) == null ? void 0 : y.chatbot_paused) === !0, h = x && !p, m = {
-          ...N,
-          ...h && { silent: !0 },
+    const h = T(
+      async (p, C, v) => {
+        var F;
+        const f = ((F = t.data) == null ? void 0 : F.chatbot_paused) === !0, u = g && !f, N = {
+          ...C,
+          ...u && { silent: !0 },
           ...l && {
             metadata: {
-              ...N.metadata ?? {},
+              ...C.metadata ?? {},
               ...l
             }
           }
-        }, v = {
-          ...w,
-          ...h && { skip_push: !0 }
-        }, R = await t.sendMessage(m, v);
-        return M == null || M(R), R;
+        }, R = {
+          ...v,
+          ...u && { skip_push: !0 }
+        }, w = await t.sendMessage(N, R);
+        return I == null || I(w), w;
       },
-      [t, x, l, M]
+      [t, g, l, I]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -1385,7 +1388,7 @@ const gt = ({
             EmptyStateIndicator: d,
             LoadingIndicator: he,
             DateSeparator: Xs,
-            doSendMessageRequest: g,
+            doSendMessageRequest: h,
             children: /* @__PURE__ */ e(
               bt,
               {
@@ -1396,11 +1399,12 @@ const gt = ({
                 onBlockParticipant: c,
                 CustomChannelEmptyState: d,
                 showDeleteConversation: b,
-                onDeleteConversationClick: u,
-                onBlockParticipantClick: S,
-                onReportParticipantClick: f,
-                showStarButton: I,
-                chatbotVotingEnabled: E
+                onDeleteConversationClick: m,
+                onBlockParticipantClick: M,
+                onReportParticipantClick: x,
+                showStarButton: _,
+                chatbotVotingEnabled: y,
+                renderChannelBanner: E
               }
             )
           }
@@ -1458,9 +1462,9 @@ const Nt = ({
   searchPlaceholder: c = "Search participants...",
   className: r
 }) => {
-  const { debug: d } = fe(), [b, u] = k(""), [S, f] = k([]), [x, l] = k(!1), [M, I] = k(null), [E, g] = k(
+  const { debug: d } = fe(), [b, m] = k(""), [M, x] = k([]), [g, l] = k(!1), [I, _] = k(null), [y, E] = k(
     null
-  ), C = V(!1);
+  ), h = V(!1);
   W(() => {
     if (t.loading) {
       d && console.log(
@@ -1468,46 +1472,46 @@ const Nt = ({
       );
       return;
     }
-    if (C.current) return;
+    if (h.current) return;
     (async () => {
-      d && console.log("[ParticipantPicker] Loading initial participants..."), l(!0), I(null);
+      d && console.log("[ParticipantPicker] Loading initial participants..."), l(!0), _(null);
       try {
-        const m = await t.loadParticipants({
+        const u = await t.loadParticipants({
           search: "",
           // Load all participants initially
           limit: 100
         });
-        f(m.participants), C.current = !0, d && console.log(
+        x(u.participants), h.current = !0, d && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
-          m.participants.length
+          u.participants.length
         );
-      } catch (m) {
-        const v = m instanceof Error ? m.message : "Failed to load participants";
-        I(v), console.error("[ParticipantPicker] Failed to load participants:", m);
+      } catch (u) {
+        const N = u instanceof Error ? u.message : "Failed to load participants";
+        _(N), console.error("[ParticipantPicker] Failed to load participants:", u);
       } finally {
         l(!1);
       }
     })();
   }, [t.loading, d]);
-  const N = S.filter((h) => !a.has(h.id)).filter((h) => {
-    var v;
+  const p = M.filter((f) => !a.has(f.id)).filter((f) => {
+    var N;
     if (!b) return !0;
-    const m = b.toLowerCase();
-    return h.name.toLowerCase().includes(m) || ((v = h.email) == null ? void 0 : v.toLowerCase().includes(m)) || !1;
-  }), w = T(
-    async (h) => {
-      if (!E) {
-        g(h.id);
+    const u = b.toLowerCase();
+    return f.name.toLowerCase().includes(u) || ((N = f.email) == null ? void 0 : N.toLowerCase().includes(u)) || !1;
+  }), C = T(
+    async (f) => {
+      if (!y) {
+        E(f.id);
         try {
-          await s(h);
-        } catch (m) {
-          console.error("[ParticipantPicker] Failed to start chat:", m), g(null);
+          await s(f);
+        } catch (u) {
+          console.error("[ParticipantPicker] Failed to start chat:", u), E(null);
         }
       }
     },
-    [s, E]
-  ), p = (h, m) => {
-    (h.key === "Enter" || h.key === " ") && (h.preventDefault(), w(m));
+    [s, y]
+  ), v = (f, u) => {
+    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), C(u));
   };
   return /* @__PURE__ */ i("div", { className: D("flex flex-col h-full", r), children: [
     /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
@@ -1519,7 +1523,7 @@ const Nt = ({
         "Select a ",
         o.slice(0, -1),
         " to start messaging (",
-        N.length,
+        p.length,
         " available)",
         t.totalCount !== void 0 && ` • ${t.totalCount} ${o} total`
       ] }),
@@ -1527,60 +1531,60 @@ const Nt = ({
         Ct,
         {
           searchQuery: b,
-          setSearchQuery: u,
+          setSearchQuery: m,
           placeholder: c
         }
       )
     ] }),
-    M && /* @__PURE__ */ i("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 ",
       o,
       ": ",
-      M
+      I
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: x && N.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: g && p.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
       /* @__PURE__ */ i("span", { className: "text-sm text-stone", children: [
         "Loading ",
         o,
         "..."
       ] })
-    ] }) }) : N.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
+    ] }) }) : p.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(ke, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: b ? `No ${o} found` : S.length > 0 ? `Already chatting with all ${o}` : `No ${o} yet` }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: b ? "Try a different search term" : S.length > 0 ? `You have existing conversations with all your ${o}` : `${o.charAt(0).toUpperCase() + o.slice(1)} will appear here` })
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: b ? `No ${o} found` : M.length > 0 ? `Already chatting with all ${o}` : `No ${o} yet` }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: b ? "Try a different search term" : M.length > 0 ? `You have existing conversations with all your ${o}` : `${o.charAt(0).toUpperCase() + o.slice(1)} will appear here` })
     ] }) : /* @__PURE__ */ i("ul", { className: "space-y-0", children: [
-      N.map((h) => {
-        const m = h.name || h.email || h.id, v = h.email && h.name ? h.email : h.phone;
+      p.map((f) => {
+        const u = f.name || f.email || f.id, N = f.email && f.name ? f.email : f.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => w(h),
-            onKeyDown: (R) => p(R, h),
+            onClick: () => C(f),
+            onKeyDown: (R) => v(R, f),
             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__ */ 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(
                   Q,
                   {
-                    id: h.id,
-                    name: m,
-                    image: h.image,
+                    id: f.id,
+                    name: u,
+                    image: f.image,
                     size: 40
                   }
                 ),
                 /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: m }),
-                  v && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: v })
+                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: u }),
+                  N && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: N })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: E === h.id ? /* @__PURE__ */ e(ue, { 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: y === f.id ? /* @__PURE__ */ e(ue, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(ke, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
-        ) }, h.id);
+        ) }, f.id);
       }),
-      x && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+      g && /* @__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..." })
       ] }) })
@@ -1755,87 +1759,87 @@ const Rt = ({
   initialParticipantData: r,
   CustomChannelEmptyState: d,
   showChannelList: b = !0,
-  filters: u,
-  channelListCustomEmptyStateIndicator: S,
-  onDeleteConversationClick: f,
-  onBlockParticipantClick: x,
+  filters: m,
+  channelListCustomEmptyStateIndicator: M,
+  onDeleteConversationClick: x,
+  onBlockParticipantClick: g,
   onReportParticipantClick: l,
-  dmAgentEnabled: M,
-  messageMetadata: I,
-  onMessageSent: E,
-  showStarButton: g = !1,
-  chatbotVotingEnabled: C = !1,
-  renderMessagePreview: N
+  dmAgentEnabled: I,
+  messageMetadata: _,
+  onMessageSent: y,
+  showStarButton: E = !1,
+  chatbotVotingEnabled: h = !1,
+  renderMessagePreview: p
 }) => {
   const {
-    service: w,
-    client: p,
-    isConnected: h,
-    isLoading: m,
-    error: v,
+    service: C,
+    client: v,
+    isConnected: f,
+    isLoading: u,
+    error: N,
     refreshConnection: R,
-    debug: y
-  } = Hs(), [O, $] = k(null), [te, X] = k(!1), [K, q] = k(!1), [ne, Z] = k(!1), [ee, G] = k(/* @__PURE__ */ new Set()), [L, U] = k(0), [F, j] = k(!1), [z, Y] = k(null), J = V(null), {
+    debug: w
+  } = Hs(), [F, $] = k(null), [te, X] = k(!1), [K, q] = k(!1), [ne, Z] = k(!1), [ee, G] = k(/* @__PURE__ */ new Set()), [P, U] = k(0), [L, j] = k(!1), [z, Y] = k(null), J = V(null), {
     participantSource: ae,
     participantLabel: re = "participants",
     showDeleteConversation: le = !0
   } = t, ze = B.useMemo(() => {
-    const _ = p == null ? void 0 : p.userID;
+    const S = v == null ? void 0 : v.userID;
     return {
       ...{
         type: "messaging",
         last_message_at: { $exists: !0 },
-        ..._ && {
-          members: { $in: [_] },
+        ...S && {
+          members: { $in: [S] },
           hidden: !1
         }
       },
-      ...u
+      ...m
     };
-  }, [u, p == null ? void 0 : p.userID]), oe = V(null), se = T(async () => {
-    if (!p || !h) return;
-    const _ = p.userID;
-    if (_)
+  }, [m, v == null ? void 0 : v.userID]), oe = V(null), se = T(async () => {
+    if (!v || !f) return;
+    const S = v.userID;
+    if (S)
       try {
-        y && console.log("[MessagingShell] Syncing channels for user:", _);
-        const H = await p.queryChannels(
+        w && console.log("[MessagingShell] Syncing channels for user:", S);
+        const H = await v.queryChannels(
           {
             type: "messaging",
-            members: { $in: [_] }
+            members: { $in: [S] }
           },
           {},
           { limit: 100 }
-        ), P = /* @__PURE__ */ new Set();
+        ), O = /* @__PURE__ */ new Set();
         H.forEach((A) => {
           const ge = A.state.members;
           Object.values(ge).forEach((Ye) => {
             var Ee;
             const xe = (Ee = Ye.user) == null ? void 0 : Ee.id;
-            xe && xe !== _ && P.add(xe);
+            xe && xe !== S && O.add(xe);
           });
-        }), G((A) => A.size === P.size && [...A].every((ge) => P.has(ge)) ? A : P), X(H.length > 0), q(!0), oe.current = _, y && console.log("[MessagingShell] Channels synced successfully:", {
+        }), G((A) => A.size === O.size && [...A].every((ge) => O.has(ge)) ? A : O), X(H.length > 0), q(!0), oe.current = S, w && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: H.length,
-          memberCount: P.size
+          memberCount: O.size
         });
       } catch (H) {
         console.error("[MessagingShell] Failed to sync channels:", H);
       }
-  }, [p, h, y]);
+  }, [v, f, w]);
   W(() => {
-    if (!p || !h) return;
-    const _ = p.userID;
-    _ && oe.current !== _ && se();
-  }, [p, h, se]), W(() => {
-    if (!c || !p || !h) return;
+    if (!v || !f) return;
+    const S = v.userID;
+    S && oe.current !== S && se();
+  }, [v, f, se]), W(() => {
+    if (!c || !v || !f) return;
     (async () => {
-      const H = p.userID;
+      const H = v.userID;
       if (H)
         try {
-          y && console.log(
+          w && console.log(
             "[MessagingShell] Loading initial conversation with:",
             c
           );
-          const P = await p.queryChannels(
+          const O = await v.queryChannels(
             {
               type: "messaging",
               members: { $eq: [H, c] }
@@ -1843,24 +1847,24 @@ const Rt = ({
             {},
             { limit: 1 }
           );
-          if (P.length > 0)
-            $(P[0]), j(!0), Y(null), a && a(P[0]), y && console.log(
+          if (O.length > 0)
+            $(O[0]), j(!0), Y(null), a && a(O[0]), w && console.log(
               "[MessagingShell] Initial conversation loaded:",
-              P[0].id
+              O[0].id
             );
-          else if (r && w) {
-            y && console.log(
+          else if (r && C) {
+            w && console.log(
               "[MessagingShell] No conversation found, creating one for:",
               r
             );
             try {
-              const A = await w.startChannelWithParticipant({
+              const A = await C.startChannelWithParticipant({
                 id: r.id,
                 name: r.name,
                 email: r.email,
                 phone: r.phone
               });
-              $(A), j(!0), Y(null), a && a(A), y && console.log(
+              $(A), j(!0), Y(null), a && a(A), w && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 A.id
               );
@@ -1873,79 +1877,79 @@ const Rt = ({
           } else
             Y(
               "No conversation found with this account"
-            ), y && console.log(
+            ), w && console.log(
               "[MessagingShell] No conversation found for:",
               c
             );
-        } catch (P) {
+        } catch (O) {
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
-            P
+            O
           ), Y("Failed to load conversation");
         }
     })();
   }, [
     c,
     r,
-    p,
-    h,
+    v,
+    f,
+    C,
     w,
-    y,
     a
   ]);
   const He = T(
-    (_) => {
-      $(_), a == null || a(_);
+    (S) => {
+      $(S), a == null || a(S);
     },
     [a]
   ), Ge = T(() => {
-    F || $(null);
-  }, [F]), Ve = T(
-    async (_) => {
+    L || $(null);
+  }, [L]), Ve = T(
+    async (S) => {
       var H;
-      if (w)
+      if (C)
         try {
-          y && console.log(
+          w && console.log(
             "[MessagingShell] Starting conversation with:",
-            _.id
+            S.id
           );
-          const P = await w.startChannelWithParticipant({
-            id: _.id,
-            name: _.name,
-            email: _.email,
-            phone: _.phone
+          const O = await C.startChannelWithParticipant({
+            id: S.id,
+            name: S.name,
+            email: S.email,
+            phone: S.phone
           });
           try {
-            await P.show();
+            await O.show();
           } catch (A) {
             console.warn("[MessagingShell] Failed to unhide channel:", A);
           }
-          $(P), Z(!1), (H = J.current) == null || H.close(), o == null || o(_);
-        } catch (P) {
-          console.error("[MessagingShell] Failed to start conversation:", P);
+          $(O), Z(!1), (H = J.current) == null || H.close(), o == null || o(S);
+        } catch (O) {
+          console.error("[MessagingShell] Failed to start conversation:", O);
         }
     },
-    [w, o, y]
+    [C, o, w]
   ), ie = T(() => {
-    var _;
-    Z(!1), (_ = J.current) == null || _.close();
+    var S;
+    Z(!1), (S = J.current) == null || S.close();
   }, []), We = T(
-    (_) => {
-      _.target === J.current && ie();
+    (S) => {
+      S.target === J.current && ie();
     },
     [ie]
   ), qe = T(
-    async (_) => {
-      y && console.log("[MessagingShell] Leaving conversation:", _.id), $(null), j(!1), oe.current = null, await se();
+    async (S) => {
+      w && console.log("[MessagingShell] Leaving conversation:", S.id), $(null), j(!1), oe.current = null, await se();
     },
-    [se, y]
+    [se, w]
   ), Ze = T(
-    async (_) => {
-      y && console.log("[MessagingShell] Blocking participant:", _), $(null), j(!1), oe.current = null, await se();
+    async (S) => {
+      w && console.log("[MessagingShell] Blocking participant:", S), $(null), j(!1), oe.current = null, await se();
     },
-    [se, y]
-  ), ce = !!O;
-  return m ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(he, {}) }) : v ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(me, { message: v, onBack: R }) }) : !h || !p ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(
+    [se, w]
+  ), ce = !!F;
+  return u ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(he, {}) }) : N ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(me, { message: N, onBack: R }) }) : !f || !v ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(
     me,
     {
       message: "Not connected to messaging service",
@@ -1966,21 +1970,21 @@ const Rt = ({
               className: D(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": b === !1 || F,
+                  "!hidden": b === !1 || L,
                   // Hide on mobile when channel selected, show on desktop with consistent wide width
-                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": b !== !1 && !F && ce,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": b !== !1 && !L && ce,
                   // 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": b !== !1 && !F && !ce
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": b !== !1 && !L && !ce
                 }
               ),
               children: /* @__PURE__ */ e(
                 Ue,
                 {
                   onChannelSelect: He,
-                  selectedChannel: O || void 0,
+                  selectedChannel: F || void 0,
                   filters: ze,
-                  customEmptyStateIndicator: S,
-                  renderMessagePreview: N
+                  customEmptyStateIndicator: M,
+                  renderMessagePreview: p
                 }
               )
             }
@@ -1992,32 +1996,32 @@ const Rt = ({
                 "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: F || ce || c,
+                  flex: L || ce || c,
                   // Normal mode: hide on mobile when no channel selected
-                  "hidden lg:flex": !F && !ce && !c
+                  "hidden lg:flex": !L && !ce && !c
                 }
               ),
-              children: O ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
+              children: F ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
                 Ae,
                 {
-                  channel: O,
+                  channel: F,
                   onBack: Ge,
-                  showBackButton: !F,
+                  showBackButton: !L,
                   renderMessageInputActions: n,
                   onLeaveConversation: qe,
                   onBlockParticipant: Ze,
                   CustomChannelEmptyState: d,
                   showDeleteConversation: le,
-                  onDeleteConversationClick: f,
-                  onBlockParticipantClick: x,
+                  onDeleteConversationClick: x,
+                  onBlockParticipantClick: g,
                   onReportParticipantClick: l,
-                  dmAgentEnabled: M,
-                  messageMetadata: I,
-                  onMessageSent: E,
-                  showStarButton: g,
-                  chatbotVotingEnabled: C
+                  dmAgentEnabled: I,
+                  messageMetadata: _,
+                  onMessageSent: y,
+                  showStarButton: E,
+                  chatbotVotingEnabled: h
                 },
-                O.id
+                F.id
               ) }) : c ? (
                 // Show loading while creating/loading direct conversation channel
                 /* @__PURE__ */ e(he, {})
@@ -2049,7 +2053,7 @@ const Rt = ({
                 participantLabel: re,
                 searchPlaceholder: `Search ${re}...`
               },
-              L
+              P
             ) })
           }
         )
@@ -2087,7 +2091,7 @@ const Rt = ({
   avatarImage: c,
   avatarName: r
 }) => {
-  const d = t.filter((b) => b.enabled).sort((b, u) => (b.order ?? 0) - (u.order ?? 0));
+  const d = t.filter((b) => b.enabled).sort((b, m) => (b.order ?? 0) - (m.order ?? 0));
   return d.length === 0 ? null : /* @__PURE__ */ e("div", { className: o, children: /* @__PURE__ */ i("div", { className: "flex gap-3 items-end", children: [
     (c || r) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
       Q,
@@ -2120,44 +2124,44 @@ const Rt = ({
     )
   ] }) });
 }, Tt = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: a = 20 } = s, [o, c] = k([]), [r, d] = k(!1), [b, u] = k(null), [S, f] = k(n), [x, l] = k(!0), [M, I] = k(), E = T(async (w = !1, p) => {
+  const { initialSearch: n = "", pageSize: a = 20 } = s, [o, c] = k([]), [r, d] = k(!1), [b, m] = k(null), [M, x] = k(n), [g, l] = k(!0), [I, _] = k(), y = T(async (C = !1, v) => {
     if (r) return;
-    const h = p !== void 0 ? p : S;
-    d(!0), u(null);
+    const f = v !== void 0 ? v : M;
+    d(!0), m(null);
     try {
-      const m = await t.loadParticipants({
-        search: h || void 0,
+      const u = await t.loadParticipants({
+        search: f || void 0,
         limit: a,
-        cursor: w ? void 0 : M
+        cursor: C ? void 0 : I
       });
       c(
-        (v) => w ? m.participants : [...v, ...m.participants]
-      ), l(m.hasMore), I(m.nextCursor);
-    } catch (m) {
-      const v = m instanceof Error ? m.message : "Failed to load participants";
-      u(v), console.error("[useParticipants] Load error:", m);
+        (N) => C ? u.participants : [...N, ...u.participants]
+      ), l(u.hasMore), _(u.nextCursor);
+    } catch (u) {
+      const N = u instanceof Error ? u.message : "Failed to load participants";
+      m(N), console.error("[useParticipants] Load error:", u);
     } finally {
       d(!1);
     }
-  }, [t, S, M, a, r]), g = T(() => {
-    x && !r && E(!1);
-  }, [x, r, E]), C = T((w) => {
-    f(w), I(void 0), E(!0, w);
-  }, [E]), N = T(() => {
-    I(void 0), E(!0);
-  }, [E]);
+  }, [t, M, I, a, r]), E = T(() => {
+    g && !r && y(!1);
+  }, [g, r, y]), h = T((C) => {
+    x(C), _(void 0), y(!0, C);
+  }, [y]), p = T(() => {
+    _(void 0), y(!0);
+  }, [y]);
   return W(() => {
-    E(!0);
+    y(!0);
   }, [t.loadParticipants]), {
     participants: o,
     loading: r,
     error: b,
-    searchQuery: S,
-    hasMore: x,
+    searchQuery: M,
+    hasMore: g,
     totalCount: t.totalCount,
-    loadMore: g,
-    search: C,
-    refresh: N
+    loadMore: E,
+    search: h,
+    refresh: p
   };
 };
 export {