@linktr.ee/messaging-react 1.28.0 → 1.28.1

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as i, Fragment as he } from "react/jsx-runtime";
-import L from "classnames";
+import A from "classnames";
 import F, { createContext as ft, useContext as gt, useCallback as U, useState as k, useRef as Q, useEffect as X, useMemo as Le, Suspense as je } from "react";
 import { StreamChatService as xt } from "@linktr.ee/messaging-core";
 import { Chat as bt, ChannelList as Ct, DateSeparator as Nt, useChannelStateContext as Ie, useChatContext as Ke, areMessageUIPropsEqual as pt, useMessageReminder as yt, useComponentContext as vt, Attachment as wt, EditMessageModal as _t, MessageBlocked as Et, MessageBouncePrompt as St, MessageDeleted as It, MessageIsThreadReplyInChannelButtonIndicator as Mt, MessageRepliesCountButton as kt, ReminderNotification as Tt, StreamedMessageText as Dt, messageHasAttachments as Rt, messageHasReactions as At, isDateSeparatorMessage as Lt, isMessageBlocked as Ut, isMessageBounced as Pt, MessageBounceModal as Ft, MessageText as ze, Poll as Ot, MessageErrorIcon as Bt, useMessageContext as Qe, useMessageComposer as Gt, useStateStore as $t, MessageInput as jt, useMessageInputContext as zt, useMessageComposerHasSendableData as Ht, SimpleAttachmentSelector as Vt, QuotedMessagePreview as Yt, AttachmentPreviewList as Wt, TextareaComposer as qt, MessageTimestamp as De, Channel as Zt, WithComponents as Jt, Window as Xt, MessageList as Kt } from "stream-chat-react";
@@ -153,7 +153,7 @@ const et = ft({
       isConnected: C
     });
   }), [c, C, a]);
-  const A = U(async () => {
+  const L = U(async () => {
     if (a("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
       hasUser: !!s
@@ -189,7 +189,7 @@ const et = ft({
     isLoading: m,
     error: o,
     capabilities: l,
-    refreshConnection: A,
+    refreshConnection: L,
     debug: d
   }), [
     c,
@@ -198,7 +198,7 @@ const et = ft({
     m,
     o,
     l,
-    A,
+    L,
     d,
     a
   ]);
@@ -305,7 +305,7 @@ function us(t) {
   const n = ms(t) % Ze.length;
   return Ze[n];
 }
-const le = ({
+const ie = ({
   id: t,
   image: s,
   size: n = 40,
@@ -320,7 +320,7 @@ const le = ({
   return /* @__PURE__ */ i(
     "div",
     {
-      className: L("relative flex-shrink-0", r),
+      className: A("relative flex-shrink-0", r),
       style: {
         width: `${n}px`,
         height: `${n}px`
@@ -345,7 +345,7 @@ const le = ({
           "div",
           {
             "aria-hidden": "true",
-            className: L(
+            className: A(
               "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
               g
             ),
@@ -420,13 +420,13 @@ const le = ({
   ] }) });
 }, at = F.memo(
   ({ channel: t, unread: s }) => {
-    var A, x, u, f;
+    var L, x, u, f;
     const { selectedChannel: n, onChannelSelect: r, debug: l, renderMessagePreview: d } = is(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
       t && r(t);
     }, g = (_) => {
       const p = _.key === "Enter" || _.key === " ", D = _.repeat;
       !p || D || (_.preventDefault(), c());
-    }, b = Object.values(((A = t == null ? void 0 : t.state) == null ? void 0 : A.members) || {}).find(
+    }, b = Object.values(((L = t == null ? void 0 : t.state) == null ? void 0 : L.members) || {}).find(
       (_) => {
         var p, D;
         return ((p = _.user) == null ? void 0 : p.id) && _.user.id !== ((D = t == null ? void 0 : t._client) == null ? void 0 : D.userID);
@@ -458,7 +458,7 @@ const le = ({
         tabIndex: 0,
         onClick: c,
         onKeyDown: g,
-        className: L(
+        className: A(
           "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": a,
@@ -467,7 +467,7 @@ const le = ({
         ),
         children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ e(
-            le,
+            ie,
             {
               id: ((f = b == null ? void 0 : b.user) == null ? void 0 : f.id) || t.id || "unknown",
               name: C,
@@ -482,7 +482,7 @@ const le = ({
               /* @__PURE__ */ i(
                 "h3",
                 {
-                  className: L(
+                  className: A(
                     "text-sm font-medium truncate",
                     a ? "text-primary" : "text-charcoal"
                   ),
@@ -539,7 +539,7 @@ const Cs = { last_message_at: -1 }, rt = F.memo(
     return /* @__PURE__ */ e(
       "div",
       {
-        className: L(
+        className: A(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           g
         ),
@@ -572,7 +572,7 @@ const we = ({
   "button",
   {
     type: "button",
-    className: L(
+    className: A(
       "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
@@ -586,7 +586,7 @@ function ot({ label: t, className: s, children: n, ...r }) {
     "button",
     {
       type: "button",
-      className: L(
+      className: A(
         "rounded-full p-2 transition-colors focus-ring",
         {
           "cursor-not-allowed opacity-50": r.disabled,
@@ -620,8 +620,8 @@ const Ns = ({
   customProfileContent: C,
   customChannelActions: E
 }) => {
-  var Z, J, P, V, z, ie, ce;
-  const { service: m, debug: S } = Me(), [o, y] = k(!1), [M, N] = k(!1), [v, w] = k(!1), A = U(async () => {
+  var Z, J, P, V, z, ce, de;
+  const { service: m, debug: S } = Me(), [o, y] = k(!1), [M, N] = k(!1), [v, w] = k(!1), L = U(async () => {
     var R;
     if (!(!m || !((R = n == null ? void 0 : n.user) != null && R.id)))
       try {
@@ -640,8 +640,8 @@ const Ns = ({
       }
   }, [m, (Z = n == null ? void 0 : n.user) == null ? void 0 : Z.id]);
   X(() => {
-    A();
-  }, [A]);
+    L();
+  }, [L]);
   const x = async () => {
     var R;
     if (!M) {
@@ -687,7 +687,7 @@ const Ns = ({
     );
   };
   if (!n) return null;
-  const p = ((J = n.user) == null ? void 0 : J.name) || ((P = n.user) == null ? void 0 : P.id) || "Unknown member", D = (V = n.user) == null ? void 0 : V.image, G = (z = n.user) == null ? void 0 : z.email, T = (ie = n.user) == null ? void 0 : ie.username, $ = G || (T ? `linktr.ee/${T}` : void 0), se = ((ce = n.user) == null ? void 0 : ce.id) || "unknown";
+  const p = ((J = n.user) == null ? void 0 : J.name) || ((P = n.user) == null ? void 0 : P.id) || "Unknown member", D = (V = n.user) == null ? void 0 : V.image, G = (z = n.user) == null ? void 0 : z.email, T = (ce = n.user) == null ? void 0 : ce.username, $ = G || (T ? `linktr.ee/${T}` : void 0), se = ((de = n.user) == null ? void 0 : de.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -712,7 +712,7 @@ const Ns = ({
                 style: { backgroundColor: "#FBFAF9" },
                 children: /* @__PURE__ */ i("div", { className: "flex items-center gap-3 w-full", children: [
                   /* @__PURE__ */ e(
-                    le,
+                    ie,
                     {
                       id: se,
                       name: p,
@@ -875,7 +875,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     }
   )
 ] }), ks = (t) => {
-  var ge, xe, be, oe, K, Ce, Ne, pe;
+  var ge, xe, be, le, K, Ce, Ne, pe;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
@@ -894,7 +894,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     message: o,
     renderText: y,
     threadList: M
-  } = t, { client: N } = Ke("CustomMessage"), { channel: v } = Ie("CustomMessage"), [w, A] = k(!1), x = yt(o.id), { selected: u, voteUp: f, voteDown: _ } = vs(o), {
+  } = t, { client: N } = Ke("CustomMessage"), { channel: v } = Ie("CustomMessage"), [w, L] = k(!1), x = yt(o.id), { selected: u, voteUp: f, voteDown: _ } = vs(o), {
     Attachment: p = wt,
     EditMessageModal: D = _t,
     MessageBlocked: G = Et,
@@ -905,7 +905,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     ReminderNotification: J = Tt,
     StreamedMessageText: P = Dt,
     PinIndicator: V
-  } = vt("CustomMessage"), z = Rt(o), ie = At(o), ce = Le(
+  } = vt("CustomMessage"), z = Rt(o), ce = At(o), de = Le(
     () => m == null ? void 0 : m(o),
     [m, o]
   ), R = Le(
@@ -920,25 +920,25 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     return /* @__PURE__ */ e(G, {});
   const O = !M && !!o.reply_count, Y = !M && o.show_in_channel && o.parent_id, W = o.status === "failed" && ((ge = o.error) == null ? void 0 : ge.status) !== 403, ne = Pt(o);
   let ee;
-  W ? ee = () => C(o) : ne && (ee = () => A(!0));
-  const de = S(), Ge = L(
+  W ? ee = () => C(o) : ne && (ee = () => L(!0));
+  const ae = S(), Ge = A(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${o.type}`,
     `str-chat__message--${o.status}`,
-    de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ae ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     o.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": z,
       "str-chat__message--highlighted": E,
       "str-chat__message--pinned pinned-message": o.pinned,
-      "str-chat__message--with-reactions": ie,
+      "str-chat__message--with-reactions": ce,
       "str-chat__message-send-can-be-retried": (o == null ? void 0 : o.status) === "failed" && ((xe = o == null ? void 0 : o.error) == null ? void 0 : xe.status) !== 403,
       "str-chat__message-with-thread-link": O || Y,
       "str-chat__virtual-message__wrapper--end": a,
       "str-chat__virtual-message__wrapper--first": c,
       "str-chat__virtual-message__wrapper--group": g
     }
-  ), q = o.poll_id && N.polls.fromState(o.poll_id), me = bs(o), ae = Be(o), re = xs(o), te = !!(R != null && R.length && !o.quoted_message), fe = ae && de && te;
+  ), q = o.poll_id && N.polls.fromState(o.poll_id), me = bs(o), re = Be(o), oe = xs(o), te = !!(R != null && R.length && !o.quoted_message), fe = re && ae && te;
   return /* @__PURE__ */ i(he, { children: [
     d && /* @__PURE__ */ e(
       D,
@@ -950,7 +950,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       Ft,
       {
         MessageBouncePrompt: T,
-        onClose: () => A(!1),
+        onClose: () => L(!1),
         open: w
       }
     ),
@@ -958,7 +958,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       V && /* @__PURE__ */ e(V, {}),
       !!x && /* @__PURE__ */ e(J, { reminder: x }),
       o.user && /* @__PURE__ */ e(
-        le,
+        ie,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: o.user.id,
@@ -969,7 +969,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       /* @__PURE__ */ e(
         "div",
         {
-          className: L("str-chat__message-inner", {
+          className: A("str-chat__message-inner", {
             "str-chat__simple-message--error-failed": W || ne
           }),
           "data-testid": "message-inner",
@@ -983,12 +983,12 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
             marginInlineEnd: 0,
             marginInlineStart: 0
           },
-          children: re ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
+          children: oe ? /* @__PURE__ */ i("div", { className: A("flex flex-col gap-1", ae ? "items-end" : "items-start"), children: [
             /* @__PURE__ */ e(
               Es,
               {
                 title: (be = o.metadata) == null ? void 0 : be.attachment_title,
-                mimeType: (oe = o.metadata) == null ? void 0 : oe.attachment_mime_type,
+                mimeType: (le = o.metadata) == null ? void 0 : le.attachment_mime_type,
                 thumbnail: (K = o.metadata) == null ? void 0 : K.attachment_thumbnail,
                 amountText: (Ce = o.metadata) == null ? void 0 : Ce.amount_text,
                 detail: (Ne = o.metadata) == null ? void 0 : Ne.attachment_detail,
@@ -1003,12 +1003,12 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
             /* @__PURE__ */ e(Re, { message: o, standalone: !0 })
           ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
-              ae && !fe && /* @__PURE__ */ e(
+              re && !fe && /* @__PURE__ */ e(
                 Re,
                 {
                   message: o,
                   hasAttachment: te,
-                  isMyMessage: de
+                  isMyMessage: ae
                 }
               ),
               q && /* @__PURE__ */ e(Ot, { poll: q }),
@@ -1019,7 +1019,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
                   attachments: R
                 }
               ) : null,
-              ce ? /* @__PURE__ */ e(
+              de ? /* @__PURE__ */ e(
                 P,
                 {
                   message: o,
@@ -1028,15 +1028,15 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
               ) : /* @__PURE__ */ e(ze, { message: o, renderText: y }),
               /* @__PURE__ */ e(Bt, {})
             ] }),
-            (!ae || fe) && /* @__PURE__ */ e(
+            (!re || fe) && /* @__PURE__ */ e(
               Re,
               {
                 message: o,
                 hasAttachment: te,
-                isMyMessage: de
+                isMyMessage: ae
               }
             ),
-            n && ae && /* @__PURE__ */ e(
+            n && re && /* @__PURE__ */ e(
               Ms,
               {
                 selected: u,
@@ -1276,7 +1276,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
 }, Ys = () => null, Ws = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
-    className: L("flex items-center justify-center h-full", t),
+    className: A("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(
@@ -1359,7 +1359,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ) }),
       /* @__PURE__ */ i("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ e(
-          le,
+          ie,
           {
             id: ((S = a == null ? void 0 : a.user) == null ? void 0 : S.id) || d.id || "unknown",
             name: c,
@@ -1381,7 +1381,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             children: /* @__PURE__ */ e(
               Ue,
               {
-                className: L("size-5", {
+                className: A("size-5", {
                   "text-yellow-600": h,
                   "text-black/90": !h
                 }),
@@ -1415,7 +1415,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }
         ),
         /* @__PURE__ */ e(
-          le,
+          ie,
           {
             id: ((o = a == null ? void 0 : a.user) == null ? void 0 : o.id) || d.id || "unknown",
             name: c,
@@ -1437,7 +1437,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             children: /* @__PURE__ */ e(
               Ue,
               {
-                className: L("size-5", {
+                className: A("size-5", {
                   "text-yellow-600": h,
                   "text-black/90": !h
                 }),
@@ -1484,7 +1484,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       var p;
       return ((p = _.user) == null ? void 0 : p.id) && _.user.id !== N._client.userID;
     }
-  ), [N._client.userID, N.state.members]), A = F.useMemo(() => {
+  ), [N._client.userID, N.state.members]), L = F.useMemo(() => {
     const f = N.data ?? {};
     if (f.followerStatus)
       return String(f.followerStatus);
@@ -1552,7 +1552,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         onClose: u,
         participant: w,
         channel: N,
-        followerStatusLabel: A,
+        followerStatusLabel: L,
         onLeaveConversation: l,
         onBlockParticipant: d,
         showDeleteConversation: a,
@@ -1587,7 +1587,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onAttachmentUnlock: N,
     onAttachmentDownload: v,
     renderChannelBanner: w,
-    customProfileContent: A,
+    customProfileContent: L,
     customChannelActions: x,
     renderMessage: u
   }) => {
@@ -1614,7 +1614,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     return /* @__PURE__ */ e(
       "div",
       {
-        className: L(
+        className: A(
           "messaging-channel-view h-full flex flex-col",
           c
         ),
@@ -1646,7 +1646,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 onAttachmentUnlock: N,
                 onAttachmentDownload: v,
                 renderChannelBanner: w,
-                customProfileContent: A,
+                customProfileContent: L,
                 customChannelActions: x,
                 renderMessage: u
               }
@@ -1756,10 +1756,10 @@ const Xs = ({
       }
     },
     [s, y]
-  ), A = (x, u) => {
+  ), L = (x, u) => {
     (x.key === "Enter" || x.key === " ") && (x.preventDefault(), w(u));
   };
-  return /* @__PURE__ */ i("div", { className: L("flex flex-col h-full", a), children: [
+  return /* @__PURE__ */ i("div", { className: A("flex flex-col h-full", a), children: [
     /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
       /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-charcoal", children: "Start a new Conversation" }),
@@ -1807,12 +1807,12 @@ const Xs = ({
           {
             type: "button",
             onClick: () => w(x),
-            onKeyDown: (_) => A(_, x),
+            onKeyDown: (_) => L(_, x),
             className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus-ring",
             children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ i("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
                 /* @__PURE__ */ e(
-                  le,
+                  ie,
                   {
                     id: x.id,
                     name: u,
@@ -2017,7 +2017,7 @@ const cn = ({
   onMessageSent: N,
   showStarButton: v = !1,
   chatbotVotingEnabled: w = !1,
-  renderMessagePreview: A,
+  renderMessagePreview: L,
   renderChannelBanner: x,
   customProfileContent: u,
   customChannelActions: f,
@@ -2033,7 +2033,7 @@ const cn = ({
     error: Z,
     refreshConnection: J,
     debug: P
-  } = os(), [V, z] = k(null), [ie, ce] = k(!1), [R, O] = k(!1), [Y, W] = k(!1), [ne, ee] = k(/* @__PURE__ */ new Set()), [de, Ge] = k(0), [q, me] = k(!1), [ae, re] = k(null), te = Q(null), {
+  } = os(), [V, z] = k(null), [ce, de] = k(!1), [R, O] = k(!1), [Y, W] = k(!1), [ne, ee] = k(/* @__PURE__ */ new Set()), [ae, Ge] = k(0), [q, me] = k(!1), [re, oe] = k(null), te = Q(null), {
     participantSource: fe,
     participantLabel: ge = "participants",
     showDeleteConversation: xe = !0
@@ -2050,7 +2050,7 @@ const cn = ({
       },
       ...b
     };
-  }, [b, T == null ? void 0 : T.userID]), oe = Q(null), K = U(async () => {
+  }, [b, T == null ? void 0 : T.userID]), le = Q(null), K = U(async () => {
     if (!T || !$) return;
     const I = T.userID;
     if (I)
@@ -2071,7 +2071,7 @@ const cn = ({
             const Te = ($e = ht.user) == null ? void 0 : $e.id;
             Te && Te !== I && B.add(Te);
           });
-        }), ee((j) => j.size === B.size && [...j].every((ke) => B.has(ke)) ? j : B), ce(H.length > 0), O(!0), oe.current = I, P && console.log("[MessagingShell] Channels synced successfully:", {
+        }), ee((j) => j.size === B.size && [...j].every((ke) => B.has(ke)) ? j : B), de(H.length > 0), O(!0), le.current = I, P && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: H.length,
           memberCount: B.size
         });
@@ -2082,7 +2082,7 @@ const cn = ({
   X(() => {
     if (!T || !$) return;
     const I = T.userID;
-    I && oe.current !== I && K();
+    I && le.current !== I && K();
   }, [T, $, K]), X(() => {
     if (!a || !T || !$) return;
     (async () => {
@@ -2102,7 +2102,7 @@ const cn = ({
             { limit: 1 }
           );
           if (B.length > 0)
-            z(B[0]), me(!0), re(null), l && l(B[0]), P && console.log(
+            z(B[0]), me(!0), oe(null), l && l(B[0]), P && console.log(
               "[MessagingShell] Initial conversation loaded:",
               B[0].id
             );
@@ -2118,7 +2118,7 @@ const cn = ({
                 email: c.email,
                 phone: c.phone
               });
-              z(j), me(!0), re(null), l && l(j), P && console.log(
+              z(j), me(!0), oe(null), l && l(j), P && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 j.id
               );
@@ -2126,10 +2126,10 @@ const cn = ({
               console.error(
                 "[MessagingShell] Failed to create conversation:",
                 j
-              ), re("Failed to create conversation");
+              ), oe("Failed to create conversation");
             }
           } else
-            re(
+            oe(
               "No conversation found with this account"
             ), P && console.log(
               "[MessagingShell] No conversation found for:",
@@ -2139,7 +2139,7 @@ const cn = ({
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
             B
-          ), re("Failed to load conversation");
+          ), oe("Failed to load conversation");
         }
     })();
   }, [
@@ -2194,25 +2194,25 @@ const cn = ({
     [ye]
   ), mt = U(
     async (I) => {
-      P && console.log("[MessagingShell] Leaving conversation:", I.id), z(null), me(!1), oe.current = null, await K();
+      P && console.log("[MessagingShell] Leaving conversation:", I.id), z(null), me(!1), le.current = null, await K();
     },
     [K, P]
   ), ut = U(
     async (I) => {
-      P && console.log("[MessagingShell] Blocking participant:", I), z(null), me(!1), oe.current = null, await K();
+      P && console.log("[MessagingShell] Blocking participant:", I), z(null), me(!1), le.current = null, await K();
     },
     [K, P]
   ), ve = !!V;
-  return se ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Se, {}) }) : Z ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: Z, onBack: J }) }) : !$ || !T ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(
+  return se ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Se, {}) }) : Z ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ee, { message: Z, onBack: J }) }) : !$ || !T ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(
     Ee,
     {
       message: "Not connected to messaging service",
       onBack: J
     }
-  ) }) : ae ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: ae }) }) : /* @__PURE__ */ i(
+  ) }) : re ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ee, { message: re }) }) : /* @__PURE__ */ i(
     "div",
     {
-      className: L(
+      className: A(
         "messaging-shell h-full bg-background-primary overflow-hidden",
         s
       ),
@@ -2221,7 +2221,7 @@ const cn = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: L(
+              className: A(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
                   "!hidden": h === !1 || q,
@@ -2239,7 +2239,7 @@ const cn = ({
                   filters: be,
                   channelRenderFilterFn: C,
                   customEmptyStateIndicator: E,
-                  renderMessagePreview: A
+                  renderMessagePreview: L
                 }
               )
             }
@@ -2247,7 +2247,7 @@ const cn = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: L(
+              className: A(
                 "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)
@@ -2290,7 +2290,7 @@ const cn = ({
               ) : /* @__PURE__ */ e(
                 ct,
                 {
-                  hasChannels: ie,
+                  hasChannels: ce,
                   channelsLoaded: R
                 }
               )
@@ -2315,7 +2315,7 @@ const cn = ({
                 participantLabel: ge,
                 searchPlaceholder: `Search ${ge}...`
               },
-              de
+              ae
             ) })
           }
         )
@@ -2334,7 +2334,7 @@ const cn = ({
     onClick: s,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: L(
+    className: A(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -2356,7 +2356,7 @@ const cn = ({
   const c = t.filter((g) => g.enabled).sort((g, h) => (g.order ?? 0) - (h.order ?? 0));
   return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ i("div", { className: "flex gap-3 items-end", children: [
     (d || a) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
-      le,
+      ie,
       {
         id: a || "account",
         name: a || "Account",
@@ -2386,9 +2386,9 @@ const cn = ({
     )
   ] }) });
 }, mn = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: r = 20 } = s, [l, d] = k([]), [a, c] = k(!1), [g, h] = k(null), [b, C] = k(n), [E, m] = k(!0), [S, o] = k(), y = U(async (w = !1, A) => {
+  const { initialSearch: n = "", pageSize: r = 20 } = s, [l, d] = k([]), [a, c] = k(!1), [g, h] = k(null), [b, C] = k(n), [E, m] = k(!0), [S, o] = k(), y = U(async (w = !1, L) => {
     if (a) return;
-    const x = A !== void 0 ? A : b;
+    const x = L !== void 0 ? L : b;
     c(!0), h(null);
     try {
       const u = await t.loadParticipants({
@@ -2428,7 +2428,7 @@ const cn = ({
 };
 export {
   we as ActionButton,
-  le as Avatar,
+  ie as Avatar,
   Ys as ChannelEmptyState,
   rt as ChannelList,
   it as ChannelView,