@linktr.ee/messaging-react 1.19.1 → 1.19.3

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as i, Fragment as he } from "react/jsx-runtime";
-import F from "classnames";
+import D from "classnames";
 import B, { createContext as We, useContext as qe, useCallback as L, useState as S, useRef as G, useEffect as H, useMemo as be } from "react";
 import { StreamChatService as Ze } from "@linktr.ee/messaging-core";
 import { Chat as Ye, ChannelList as Je, DateSeparator as Qe, areMessageUIPropsEqual as Xe, useChatContext as Ke, useMessageReminder as es, useComponentContext as ss, Attachment as ts, EditMessageModal as ns, MessageBlocked as rs, MessageBouncePrompt as as, MessageDeleted as ls, MessageIsThreadReplyInChannelButtonIndicator as os, MessageRepliesCountButton as is, ReminderNotification as cs, StreamedMessageText as ds, messageHasAttachments as us, messageHasReactions as ms, isDateSeparatorMessage as hs, isMessageBlocked as fs, isMessageBounced as gs, MessageBounceModal as xs, Poll as Cs, MessageText as bs, MessageErrorIcon as Ns, useMessageContext as vs, useMessageComposer as ws, useStateStore as ys, MessageInput as ps, useMessageInputContext as Es, useMessageComposerHasSendableData as Is, SimpleAttachmentSelector as _s, QuotedMessagePreview as Ss, AttachmentPreviewList as Ms, TextareaComposer as ks, MessageTimestamp as Rs, Channel as Ds, useChannelStateContext as Se, WithComponents as Ts, Window as Fs, MessageList as Ls } from "stream-chat-react";
@@ -35,7 +35,7 @@ const Me = We({
     serviceConfig: !!n,
     capabilities: Object.keys(o)
   });
-  const [d, x] = S(null), [h, C] = S(null), [N, a] = S(!1), [M, I] = S(!1), [_, f] = S(null), p = G(!1), b = G({
+  const [d, x] = S(null), [m, C] = S(null), [N, a] = S(!1), [M, I] = S(!1), [_, f] = S(null), p = G(!1), b = G({
     userId: s == null ? void 0 : s.id,
     apiKey: l,
     serviceConfig: n,
@@ -94,7 +94,7 @@ const Me = We({
       }), w.disconnectUser().catch(console.error);
     };
   }, [l, n, c, r]);
-  const m = G(null);
+  const h = G(null);
   H(() => {
     var w, v;
     if (r("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -112,7 +112,7 @@ const Me = We({
       r("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((w = m.current) == null ? void 0 : w.serviceId) === d && ((v = m.current) == null ? void 0 : v.userId) === s.id) {
+    if (((w = h.current) == null ? void 0 : w.serviceId) === d && ((v = h.current) == null ? void 0 : v.userId) === s.id) {
       r(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -123,13 +123,13 @@ const Me = We({
       r("🚀 STARTING USER CONNECTION", { userId: s.id }), p.current = !0, I(!0), f(null);
       try {
         r("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const D = await d.connectUser(s);
-        C(D), a(!0), m.current = { serviceId: d, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
+        const T = await d.connectUser(s);
+        C(T), a(!0), h.current = { serviceId: d, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: D.userID
+          clientId: T.userID
         });
-      } catch (D) {
-        const P = D instanceof Error ? D.message : "Connection failed";
+      } catch (T) {
+        const P = T instanceof Error ? T.message : "Connection failed";
         f(P), r("❌ USER CONNECTION ERROR", {
           userId: s.id,
           error: P
@@ -148,7 +148,7 @@ const Me = We({
     d && N ? (r(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), m.current = null, d.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
+    ), h.current = null, d.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!d,
       isConnected: N
     });
@@ -177,14 +177,14 @@ const Me = We({
     }
   }, [d, s, r]), g = B.useMemo(() => (r("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
-    hasClient: !!h,
+    hasClient: !!m,
     isConnected: N,
     isLoading: M,
     hasError: !!_,
     capabilitiesKeys: Object.keys(o)
   }), {
     service: d,
-    client: h,
+    client: m,
     isConnected: N,
     isLoading: M,
     error: _,
@@ -193,7 +193,7 @@ const Me = We({
     debug: c
   }), [
     d,
-    h,
+    m,
     N,
     M,
     _,
@@ -204,12 +204,12 @@ const Me = We({
   ]);
   return r("🔄 RENDER END", {
     renderCount: y.current,
-    willRenderChat: !!(h && N),
+    willRenderChat: !!(m && N),
     contextValueReady: !!g
-  }), /* @__PURE__ */ e(Me.Provider, { value: g, children: h && N ? /* @__PURE__ */ e(
+  }), /* @__PURE__ */ e(Me.Provider, { value: g, children: m && N ? /* @__PURE__ */ e(
     Ye,
     {
-      client: h,
+      client: m,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -284,14 +284,14 @@ const X = ({
   className: l,
   shape: o = "squircle"
 }) => {
-  const c = Hs(t), d = n < 32 ? "text-xs" : n < 56 ? "text-sm" : "text-lg", x = o === "circle" ? { borderRadius: "50%" } : {
+  const c = Hs(t), d = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", x = o === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
   return /* @__PURE__ */ e(
     "div",
     {
-      className: F("flex-shrink-0 overflow-hidden", l),
+      className: D("flex-shrink-0 overflow-hidden", l),
       style: {
         width: `${n}px`,
         height: `${n}px`,
@@ -308,7 +308,7 @@ const X = ({
         "div",
         {
           "aria-hidden": "true",
-          className: F(
+          className: D(
             "avatar-fallback flex h-full w-full items-center justify-center font-semibold bg-[#E6E5E3] select-none transition-colors",
             d
           ),
@@ -365,18 +365,18 @@ const X = ({
     unread: o,
     renderMessagePreview: c
   }) => {
-    var y, m, k, g, u, w;
+    var y, h, k, g, u, w;
     const r = (s == null ? void 0 : s.id) === (t == null ? void 0 : t.id), d = () => {
       t && n(t);
-    }, h = Object.values(((y = t == null ? void 0 : t.state) == null ? void 0 : y.members) || {}).find(
+    }, m = Object.values(((y = t == null ? void 0 : t.state) == null ? void 0 : y.members) || {}).find(
       (v) => {
-        var D, P;
-        return ((D = v.user) == null ? void 0 : D.id) && v.user.id !== ((P = t == null ? void 0 : t._client) == null ? void 0 : P.userID);
+        var T, P;
+        return ((T = v.user) == null ? void 0 : T.id) && v.user.id !== ((P = t == null ? void 0 : t._client) == null ? void 0 : P.userID);
       }
-    ), C = ((m = h == null ? void 0 : h.user) == null ? void 0 : m.name) || "Conversation", N = (k = h == null ? void 0 : h.user) == null ? void 0 : k.image, a = (u = (g = t == null ? void 0 : t.state) == null ? void 0 : g.messages) == null ? void 0 : u[t.state.messages.length - 1], I = (() => {
-      var D;
+    ), C = ((h = m == null ? void 0 : m.user) == null ? void 0 : h.name) || "Conversation", N = (k = m == null ? void 0 : m.user) == null ? void 0 : k.image, a = (u = (g = t == null ? void 0 : t.state) == null ? void 0 : g.messages) == null ? void 0 : u[t.state.messages.length - 1], I = (() => {
+      var T;
       if (a != null && a.text) return a.text;
-      const v = (D = a == null ? void 0 : a.attachments) == null ? void 0 : D[0];
+      const v = (T = a == null ? void 0 : a.attachments) == null ? void 0 : T[0];
       return v ? v.og_scrape_url ? v.og_scrape_url : v.type === "image" ? "📷 Sent an image" : v.type === "video" ? "🎥 Sent a video" : v.type === "audio" ? "🎵 Sent audio" : v.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
     })(), _ = a != null && a.created_at ? zs(new Date(a.created_at)) : "", f = a ? ke(a) : !1, p = c ? c(a, I) : `${f ? "✨ " : ""}${I}`, b = o ?? 0;
     return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
@@ -390,7 +390,7 @@ const X = ({
       {
         type: "button",
         onClick: d,
-        className: F(
+        className: D(
           "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": r,
@@ -401,7 +401,7 @@ const X = ({
           /* @__PURE__ */ e(
             X,
             {
-              id: ((w = h == null ? void 0 : h.user) == null ? void 0 : w.id) || t.id || "unknown",
+              id: ((w = m == null ? void 0 : m.user) == null ? void 0 : w.id) || t.id || "unknown",
               name: C,
               image: N,
               size: 44,
@@ -413,7 +413,7 @@ const X = ({
               /* @__PURE__ */ e(
                 "h3",
                 {
-                  className: F(
+                  className: D(
                     "text-sm font-medium truncate",
                     r ? "text-primary" : "text-charcoal"
                   ),
@@ -463,7 +463,7 @@ const Te = B.memo(
     return /* @__PURE__ */ e(
       "div",
       {
-        className: F(
+        className: D(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
@@ -492,7 +492,7 @@ const le = ({
   "button",
   {
     type: "button",
-    className: F(
+    className: D(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       t === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       s
@@ -506,7 +506,7 @@ function Fe({ label: t, className: s, children: n, ...l }) {
     "button",
     {
       type: "button",
-      className: F(
+      className: D(
         "rounded-full p-2 transition-colors focus-ring",
         {
           "cursor-not-allowed opacity-50": l.disabled,
@@ -536,7 +536,7 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
     handleAction: r,
     handleOpenThread: d,
     handleRetry: x,
-    highlighted: h,
+    highlighted: m,
     isMessageAIGenerated: C,
     isMyMessage: N,
     message: a,
@@ -544,13 +544,13 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
     threadList: I
   } = t, { client: _ } = Ke("CustomMessage"), [f, p] = S(!1), b = es(a.id), {
     Attachment: y = ts,
-    EditMessageModal: m = ns,
+    EditMessageModal: h = ns,
     MessageBlocked: k = rs,
     MessageBouncePrompt: g = as,
     MessageDeleted: u = ls,
     MessageIsThreadReplyInChannelButtonIndicator: w = os,
     MessageRepliesCountButton: v = is,
-    ReminderNotification: D = cs,
+    ReminderNotification: T = cs,
     StreamedMessageText: P = ds,
     PinIndicator: q
   } = ss("CustomMessage"), te = us(a), K = ms(a), ee = be(
@@ -567,9 +567,9 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
   if (fs(a))
     return /* @__PURE__ */ e(k, {});
   const W = !I && !!a.reply_count, Z = !I && a.show_in_channel && a.parent_id, Y = a.status === "failed" && (($ = a.error) == null ? void 0 : $.status) !== 403, J = gs(a);
-  let T;
-  Y ? T = () => x(a) : J && (T = () => p(!0));
-  const R = F(
+  let F;
+  Y ? F = () => x(a) : J && (F = () => p(!0));
+  const R = D(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${a.type}`,
     `str-chat__message--${a.status}`,
@@ -577,7 +577,7 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
     a.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": te,
-      "str-chat__message--highlighted": h,
+      "str-chat__message--highlighted": m,
       "str-chat__message--pinned pinned-message": a.pinned,
       "str-chat__message--with-reactions": K,
       "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((Q = a == null ? void 0 : a.error) == null ? void 0 : Q.status) !== 403,
@@ -589,7 +589,7 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
   ), U = a.poll_id && _.polls.fromState(a.poll_id), z = Zs(a);
   return /* @__PURE__ */ i(he, { children: [
     n && /* @__PURE__ */ e(
-      m,
+      h,
       {
         additionalMessageInputProps: s
       }
@@ -604,7 +604,7 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
     ),
     /* @__PURE__ */ i("div", { className: R, children: [
       q && /* @__PURE__ */ e(q, {}),
-      !!b && /* @__PURE__ */ e(D, { reminder: b }),
+      !!b && /* @__PURE__ */ e(T, { reminder: b }),
       a.user && /* @__PURE__ */ e(
         X,
         {
@@ -617,14 +617,14 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
       /* @__PURE__ */ e(
         "div",
         {
-          className: F("str-chat__message-inner", {
+          className: D("str-chat__message-inner", {
             "str-chat__simple-message--error-failed": Y || J
           }),
           "data-testid": "message-inner",
-          onClick: T,
-          onKeyDown: T,
-          role: T ? "button" : void 0,
-          tabIndex: T ? 0 : void 0,
+          onClick: F,
+          onKeyDown: F,
+          role: F ? "button" : void 0,
+          tabIndex: F ? 0 : void 0,
           style: {
             // Force margins to 0 to prevent hover layout shift
             // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
@@ -782,7 +782,7 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
 }, at = () => null, lt = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
-    className: F("flex items-center justify-center h-full", t),
+    className: D("flex items-center justify-center h-full", t),
     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(
@@ -837,17 +837,17 @@ const ot = ({
   var a, M, I, _, f, p;
   const { channel: c } = Se(), r = B.useMemo(() => Object.values(c.state.members || {}).find(
     (y) => {
-      var m;
-      return ((m = y.user) == null ? void 0 : m.id) && y.user.id !== c._client.userID;
+      var h;
+      return ((h = y.user) == null ? void 0 : h.id) && y.user.id !== c._client.userID;
     }
-  ), [c._client.userID, c.state.members]), d = ((a = r == null ? void 0 : r.user) == null ? void 0 : a.name) || ((M = r == null ? void 0 : r.user) == null ? void 0 : M.id) || "Unknown member", x = (I = r == null ? void 0 : r.user) == null ? void 0 : I.image, [h, C] = S(
+  ), [c._client.userID, c.state.members]), d = ((a = r == null ? void 0 : r.user) == null ? void 0 : a.name) || ((M = r == null ? void 0 : r.user) == null ? void 0 : M.id) || "Unknown member", x = (I = r == null ? void 0 : r.user) == null ? void 0 : I.image, [m, C] = S(
     !!((_ = c.state.membership) != null && _.pinned_at)
   );
   H(() => {
     const b = (y) => {
-      var m;
+      var h;
       C(
-        y != null && y.member ? !!y.member.pinned_at : !!((m = c.state.membership) != null && m.pinned_at)
+        y != null && y.member ? !!y.member.pinned_at : !!((h = c.state.membership) != null && h.pinned_at)
       );
     };
     return c.on("member.updated", b), () => {
@@ -856,7 +856,7 @@ const ot = ({
   }, [c]);
   const N = async () => {
     try {
-      h ? await c.unpin() : await c.pin();
+      m ? await c.unpin() : await c.pin();
     } catch (b) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -869,7 +869,7 @@ const ot = ({
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: s && /* @__PURE__ */ e(
         "button",
         {
-          className: F(
+          className: D(
             "size-10 rounded-full bg-[#F1F0EE] flex items-center justify-center"
           ),
           onClick: t || (() => {
@@ -898,12 +898,15 @@ const ot = ({
             className: "size-10 rounded-full bg-[#F1F0EE] flex items-center justify-center",
             onClick: N,
             type: "button",
-            "aria-label": h ? "Unstar conversation" : "Star conversation",
+            "aria-label": m ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               ve,
               {
-                className: "size-5 text-black/90",
-                weight: h ? "fill" : "regular"
+                className: D("size-5", {
+                  "text-yellow-600": m,
+                  "text-black/90": !m
+                }),
+                weight: m ? "duotone" : "regular"
               }
             )
           }
@@ -950,12 +953,15 @@ const ot = ({
             className: "size-10 rounded-full bg-[#F1F0EE] flex items-center justify-center",
             onClick: N,
             type: "button",
-            "aria-label": h ? "Unstar conversation" : "Star conversation",
+            "aria-label": m ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               ve,
               {
-                className: "size-5 text-black/90",
-                weight: h ? "fill" : "regular"
+                className: D("size-5", {
+                  "text-yellow-600": m,
+                  "text-black/90": !m
+                }),
+                weight: m ? "duotone" : "regular"
               }
             )
           }
@@ -983,13 +989,13 @@ const ot = ({
   onBlockParticipant: r,
   showDeleteConversation: d = !0,
   onDeleteConversationClick: x,
-  onBlockParticipantClick: h,
+  onBlockParticipantClick: m,
   onReportParticipantClick: C
 }) => {
   var K, ee, V, W, Z, Y, J;
   const { service: N, debug: a } = de(), [M, I] = S(!1), [_, f] = S(!1), [p, b] = S(!1), y = L(async () => {
-    var T;
-    if (!(!N || !((T = n == null ? void 0 : n.user) != null && T.id)))
+    var F;
+    if (!(!N || !((F = n == null ? void 0 : n.user) != null && F.id)))
       try {
         const U = (await N.getBlockedUsers()).some(
           (z) => {
@@ -1008,12 +1014,12 @@ const ot = ({
   H(() => {
     y();
   }, [y]);
-  const m = async () => {
-    var T;
+  const h = async () => {
+    var F;
     if (!_) {
       x == null || x(), a && console.log("[ChannelInfoDialog] Leave conversation", l.cid), f(!0);
       try {
-        const R = ((T = l._client) == null ? void 0 : T.userID) ?? null;
+        const R = ((F = l._client) == null ? void 0 : F.userID) ?? null;
         await l.hide(R, !1), c && await c(l), s();
       } catch (R) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", R);
@@ -1022,9 +1028,9 @@ const ot = ({
       }
     }
   }, k = async () => {
-    var T, R, U;
+    var F, R, U;
     if (!(p || !N)) {
-      h == null || h(), a && console.log("[ChannelInfoDialog] Block member", (T = n == null ? void 0 : n.user) == null ? void 0 : T.id), b(!0);
+      m == null || m(), a && console.log("[ChannelInfoDialog] Block member", (F = n == null ? void 0 : n.user) == null ? void 0 : F.id), b(!0);
       try {
         await N.blockUser((R = n == null ? void 0 : n.user) == null ? void 0 : R.id), r && await r((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), s();
       } catch (z) {
@@ -1034,9 +1040,9 @@ const ot = ({
       }
     }
   }, g = async () => {
-    var T, R, U;
+    var F, R, U;
     if (!(p || !N)) {
-      h == null || h(), a && console.log("[ChannelInfoDialog] Unblock member", (T = n == null ? void 0 : n.user) == null ? void 0 : T.id), b(!0);
+      m == null || m(), a && console.log("[ChannelInfoDialog] Unblock member", (F = n == null ? void 0 : n.user) == null ? void 0 : F.id), b(!0);
       try {
         await N.unBlockUser((R = n == null ? void 0 : n.user) == null ? void 0 : R.id), r && await r((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), s();
       } catch (z) {
@@ -1053,7 +1059,7 @@ const ot = ({
     );
   };
   if (!n) return null;
-  const w = ((ee = n.user) == null ? void 0 : ee.name) || ((V = n.user) == null ? void 0 : V.id) || "Unknown member", v = (W = n.user) == null ? void 0 : W.image, D = (Z = n.user) == null ? void 0 : Z.email, P = (Y = n.user) == null ? void 0 : Y.username, q = D || (P ? `linktr.ee/${P}` : void 0), te = ((J = n.user) == null ? void 0 : J.id) || "unknown";
+  const w = ((ee = n.user) == null ? void 0 : ee.name) || ((V = n.user) == null ? void 0 : V.id) || "Unknown member", v = (W = n.user) == null ? void 0 : W.image, T = (Z = n.user) == null ? void 0 : Z.email, P = (Y = n.user) == null ? void 0 : Y.username, q = T || (P ? `linktr.ee/${P}` : void 0), te = ((J = n.user) == null ? void 0 : J.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -1062,8 +1068,8 @@ const ot = ({
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (T) => {
-          T.target === t.current && s();
+        onClick: (F) => {
+          F.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: [
@@ -1112,7 +1118,7 @@ const ot = ({
               d && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
                 le,
                 {
-                  onClick: m,
+                  onClick: h,
                   disabled: _,
                   "aria-busy": _,
                   children: [
@@ -1164,7 +1170,7 @@ const ot = ({
   onDeleteConversationClick: r,
   onBlockParticipantClick: d,
   onReportParticipantClick: x,
-  showStarButton: h = !1
+  showStarButton: m = !1
 }) => {
   const { channel: C } = Se(), N = G(null), a = B.useMemo(() => Object.values(C.state.members || {}).find(
     (p) => {
@@ -1199,7 +1205,7 @@ const ot = ({
               showBackButton: s,
               onShowInfo: I,
               canShowInfo: !!a,
-              showStarButton: h
+              showStarButton: m
             }
           ) }),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
@@ -1247,7 +1253,7 @@ const ot = ({
     className: r,
     CustomChannelEmptyState: d = at,
     showDeleteConversation: x = !0,
-    onDeleteConversationClick: h,
+    onDeleteConversationClick: m,
     onBlockParticipantClick: C,
     onReportParticipantClick: N,
     dmAgentEnabled: a,
@@ -1258,7 +1264,7 @@ const ot = ({
     const f = L(
       async (p, b, y) => {
         var v;
-        const m = ((v = t.data) == null ? void 0 : v.chatbot_paused) === !0, k = a && !m, g = {
+        const h = ((v = t.data) == null ? void 0 : v.chatbot_paused) === !0, k = a && !h, g = {
           ...b,
           ...k && { silent: !0 },
           ...M && {
@@ -1278,7 +1284,7 @@ const ot = ({
     return /* @__PURE__ */ e(
       "div",
       {
-        className: F(
+        className: D(
           "messaging-channel-view h-full flex flex-col",
           r
         ),
@@ -1301,7 +1307,7 @@ const ot = ({
                 onBlockParticipant: c,
                 CustomChannelEmptyState: d,
                 showDeleteConversation: x,
-                onDeleteConversationClick: h,
+                onDeleteConversationClick: m,
                 onBlockParticipantClick: C,
                 onReportParticipantClick: N,
                 showStarButton: _
@@ -1362,7 +1368,7 @@ const ut = ({
   searchPlaceholder: c = "Search participants...",
   className: r
 }) => {
-  const { debug: d } = de(), [x, h] = S(""), [C, N] = S([]), [a, M] = S(!1), [I, _] = S(null), [f, p] = S(
+  const { debug: d } = de(), [x, m] = S(""), [C, N] = S([]), [a, M] = S(!1), [I, _] = S(null), [f, p] = S(
     null
   ), b = G(!1);
   H(() => {
@@ -1398,7 +1404,7 @@ const ut = ({
     if (!x) return !0;
     const u = x.toLowerCase();
     return g.name.toLowerCase().includes(u) || ((w = g.email) == null ? void 0 : w.toLowerCase().includes(u)) || !1;
-  }), m = L(
+  }), h = L(
     async (g) => {
       if (!f) {
         p(g.id);
@@ -1411,9 +1417,9 @@ const ut = ({
     },
     [s, f]
   ), k = (g, u) => {
-    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), m(u));
+    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), h(u));
   };
-  return /* @__PURE__ */ i("div", { className: F("flex flex-col h-full", r), children: [
+  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: [
       /* @__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" }),
@@ -1431,7 +1437,7 @@ const ut = ({
         dt,
         {
           searchQuery: x,
-          setSearchQuery: h,
+          setSearchQuery: m,
           placeholder: c
         }
       )
@@ -1460,7 +1466,7 @@ const ut = ({
           "button",
           {
             type: "button",
-            onClick: () => m(g),
+            onClick: () => h(g),
             onKeyDown: (v) => k(v, g),
             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: [
@@ -1659,7 +1665,7 @@ const yt = ({
   initialParticipantData: r,
   CustomChannelEmptyState: d,
   showChannelList: x = !0,
-  filters: h,
+  filters: m,
   channelListCustomEmptyStateIndicator: C,
   onDeleteConversationClick: N,
   onBlockParticipantClick: a,
@@ -1672,18 +1678,18 @@ const yt = ({
 }) => {
   const {
     service: y,
-    client: m,
+    client: h,
     isConnected: k,
     isLoading: g,
     error: u,
     refreshConnection: w,
     debug: v
-  } = As(), [D, P] = S(null), [q, te] = S(!1), [K, ee] = S(!1), [V, W] = S(!1), [Z, Y] = S(/* @__PURE__ */ new Set()), [J, T] = S(0), [R, U] = S(!1), [z, $] = S(null), Q = G(null), {
+  } = As(), [T, P] = S(null), [q, te] = S(!1), [K, ee] = S(!1), [V, W] = S(!1), [Z, Y] = S(/* @__PURE__ */ new Set()), [J, F] = S(0), [R, U] = S(!1), [z, $] = S(null), Q = G(null), {
     participantSource: ge,
     participantLabel: xe = "participants",
     showDeleteConversation: Ue = !0
   } = t, Be = B.useMemo(() => {
-    const E = m == null ? void 0 : m.userID;
+    const E = h == null ? void 0 : h.userID;
     return {
       ...{
         type: "messaging",
@@ -1693,15 +1699,15 @@ const yt = ({
           hidden: !1
         }
       },
-      ...h
+      ...m
     };
-  }, [h, m == null ? void 0 : m.userID]), ne = G(null), se = L(async () => {
-    if (!m || !k) return;
-    const E = m.userID;
+  }, [m, h == null ? void 0 : h.userID]), ne = G(null), se = L(async () => {
+    if (!h || !k) return;
+    const E = h.userID;
     if (E)
       try {
         v && console.log("[MessagingShell] Syncing channels for user:", E);
-        const A = await m.queryChannels(
+        const A = await h.queryChannels(
           {
             type: "messaging",
             members: { $in: [E] }
@@ -1723,22 +1729,22 @@ const yt = ({
       } catch (A) {
         console.error("[MessagingShell] Failed to sync channels:", A);
       }
-  }, [m, k, v]);
+  }, [h, k, v]);
   H(() => {
-    if (!m || !k) return;
-    const E = m.userID;
+    if (!h || !k) return;
+    const E = h.userID;
     E && ne.current !== E && se();
-  }, [m, k, se]), H(() => {
-    if (!c || !m || !k) return;
+  }, [h, k, se]), H(() => {
+    if (!c || !h || !k) return;
     (async () => {
-      const A = m.userID;
+      const A = h.userID;
       if (A)
         try {
           v && console.log(
             "[MessagingShell] Loading initial conversation with:",
             c
           );
-          const O = await m.queryChannels(
+          const O = await h.queryChannels(
             {
               type: "messaging",
               members: { $eq: [A, c] }
@@ -1790,7 +1796,7 @@ const yt = ({
   }, [
     c,
     r,
-    m,
+    h,
     k,
     y,
     v,
@@ -1847,17 +1853,17 @@ const yt = ({
       v && console.log("[MessagingShell] Blocking participant:", E), P(null), U(!1), ne.current = null, await se();
     },
     [se, v]
-  ), ae = !!D;
-  return g ? /* @__PURE__ */ e("div", { className: F("h-full", s), children: /* @__PURE__ */ e(ce, {}) }) : u ? /* @__PURE__ */ e("div", { className: F("h-full", s), children: /* @__PURE__ */ e(ie, { message: u, onBack: w }) }) : !k || !m ? /* @__PURE__ */ e("div", { className: F("h-full", s), children: /* @__PURE__ */ e(
+  ), ae = !!T;
+  return g ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(ce, {}) }) : u ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(ie, { message: u, onBack: w }) }) : !k || !h ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(
     ie,
     {
       message: "Not connected to messaging service",
       onBack: w
     }
-  ) }) : z ? /* @__PURE__ */ e("div", { className: F("h-full", s), children: /* @__PURE__ */ e(ie, { message: z }) }) : /* @__PURE__ */ i(
+  ) }) : z ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(ie, { message: z }) }) : /* @__PURE__ */ i(
     "div",
     {
-      className: F(
+      className: D(
         "messaging-shell h-full bg-background-primary overflow-hidden",
         s
       ),
@@ -1866,7 +1872,7 @@ const yt = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: F(
+              className: D(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
                   "!hidden": x === !1 || R,
@@ -1880,7 +1886,7 @@ const yt = ({
                 Te,
                 {
                   onChannelSelect: je,
-                  selectedChannel: D || void 0,
+                  selectedChannel: T || void 0,
                   filters: Be,
                   customEmptyStateIndicator: C,
                   renderMessagePreview: b
@@ -1891,7 +1897,7 @@ const yt = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: F(
+              className: D(
                 "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)
@@ -1900,10 +1906,10 @@ const yt = ({
                   "hidden lg:flex": !R && !ae && !c
                 }
               ),
-              children: D ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
+              children: T ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
                 Pe,
                 {
-                  channel: D,
+                  channel: T,
                   onBack: Ae,
                   showBackButton: !R,
                   renderMessageInputActions: n,
@@ -1919,7 +1925,7 @@ const yt = ({
                   onMessageSent: f,
                   showStarButton: p
                 },
-                D.id
+                T.id
               ) }) : c ? (
                 // Show loading while creating/loading direct conversation channel
                 /* @__PURE__ */ e(ce, {})
@@ -1970,7 +1976,7 @@ const yt = ({
     onClick: s,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: F(
+    className: D(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -1989,7 +1995,7 @@ const yt = ({
   avatarImage: c,
   avatarName: r
 }) => {
-  const d = t.filter((x) => x.enabled).sort((x, h) => (x.order ?? 0) - (h.order ?? 0));
+  const d = t.filter((x) => x.enabled).sort((x, m) => (x.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(
       X,
@@ -2022,29 +2028,29 @@ const yt = ({
     )
   ] }) });
 }, Et = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: l = 20 } = s, [o, c] = S([]), [r, d] = S(!1), [x, h] = S(null), [C, N] = S(n), [a, M] = S(!0), [I, _] = S(), f = L(async (m = !1, k) => {
+  const { initialSearch: n = "", pageSize: l = 20 } = s, [o, c] = S([]), [r, d] = S(!1), [x, m] = S(null), [C, N] = S(n), [a, M] = S(!0), [I, _] = S(), f = L(async (h = !1, k) => {
     if (r) return;
     const g = k !== void 0 ? k : C;
-    d(!0), h(null);
+    d(!0), m(null);
     try {
       const u = await t.loadParticipants({
         search: g || void 0,
         limit: l,
-        cursor: m ? void 0 : I
+        cursor: h ? void 0 : I
       });
       c(
-        (w) => m ? u.participants : [...w, ...u.participants]
+        (w) => h ? u.participants : [...w, ...u.participants]
       ), M(u.hasMore), _(u.nextCursor);
     } catch (u) {
       const w = u instanceof Error ? u.message : "Failed to load participants";
-      h(w), console.error("[useParticipants] Load error:", u);
+      m(w), console.error("[useParticipants] Load error:", u);
     } finally {
       d(!1);
     }
   }, [t, C, I, l, r]), p = L(() => {
     a && !r && f(!1);
-  }, [a, r, f]), b = L((m) => {
-    N(m), _(void 0), f(!0, m);
+  }, [a, r, f]), b = L((h) => {
+    N(h), _(void 0), f(!0, h);
   }, [f]), y = L(() => {
     _(void 0), f(!0);
   }, [f]);