@linktr.ee/messaging-react 1.31.0 → 1.32.0

package/dist/index.js

@@ -2,8 +2,8 @@ import { jsx as e, jsxs as i, Fragment as ge } from "react/jsx-runtime";
 import A from "classnames";
 import U, { createContext as Ke, useContext as Qe, useCallback as R, useState as T, useRef as Q, useEffect as Z, useMemo as Ue, Suspense as et } from "react";
 import { StreamChatService as xt } from "@linktr.ee/messaging-core";
-import { Chat as bt, ChannelList as Ct, DateSeparator as pt, useChannelStateContext as Me, useChatContext as tt, areMessageUIPropsEqual as Nt, 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 Pt, isMessageBounced as Ut, MessageBounceModal as Ft, MessageText as ze, Poll as Ot, MessageErrorIcon as Bt, useMessageContext as st, useMessageComposer as Gt, useStateStore as $t, MessageInput as jt, useMessageInputContext as zt, useMessageComposerHasSendableData as Vt, SimpleAttachmentSelector as Ht, QuotedMessagePreview as Yt, AttachmentPreviewList as Wt, TextareaComposer as qt, MessageTimestamp as Ae, Channel as Zt, WithComponents as Jt, Window as Xt, MessageList as Kt } from "stream-chat-react";
-import { StarIcon as Fe, GiftIcon as Qt, XIcon as Ge, SpinnerGapIcon as Ee, SignOutIcon as es, ProhibitInsetIcon as Ve, FlagIcon as ts, ArrowUpIcon as ss, SparkleIcon as ns, ProhibitIcon as as, ArrowLeftIcon as He, DotsThreeIcon as Ye, MagnifyingGlassIcon as rs, ChatCircleDotsIcon as We } from "@phosphor-icons/react";
+import { Chat as bt, ChannelList as Ct, DateSeparator as pt, useChannelStateContext as xe, useChatContext as tt, areMessageUIPropsEqual as Nt, 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 Pt, isMessageBounced as Ut, MessageBounceModal as Ft, MessageText as ze, Poll as Ot, MessageErrorIcon as Bt, useMessageContext as st, useMessageComposer as Gt, useStateStore as $t, MessageInput as jt, useMessageInputContext as zt, useMessageComposerHasSendableData as Vt, SimpleAttachmentSelector as Ht, QuotedMessagePreview as Yt, AttachmentPreviewList as Wt, TextareaComposer as qt, MessageTimestamp as Ae, Channel as Zt, WithComponents as Jt, Window as Xt, MessageList as Kt } from "stream-chat-react";
+import { StarIcon as Fe, GiftIcon as Qt, XIcon as Ge, SpinnerGapIcon as Se, SignOutIcon as es, ProhibitInsetIcon as Ve, FlagIcon as ts, ArrowUpIcon as ss, SparkleIcon as ns, ProhibitIcon as as, ArrowLeftIcon as He, DotsThreeIcon as Ye, MagnifyingGlassIcon as rs, ChatCircleDotsIcon as We } from "@phosphor-icons/react";
 import { LinkPreviewsManager as qe } from "stream-chat";
 const nt = Ke({
   service: null,
@@ -577,7 +577,7 @@ const ps = { last_message_at: -1 }, it = U.memo(
   }
 );
 it.displayName = "ChannelList";
-const _e = ({
+const Ee = ({
   variant: t = "default",
   className: s,
   children: n,
@@ -759,41 +759,41 @@ const Ns = ({
             ),
             /* @__PURE__ */ i("ul", { className: "flex flex-col gap-2 mt-2", children: [
               c && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
-                _e,
+                Ee,
                 {
                   onClick: f,
                   disabled: M,
                   "aria-busy": M,
                   children: [
-                    M ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(es, { className: "h-5 w-5" }),
+                    M ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(es, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
               ) }),
               /* @__PURE__ */ e("li", { children: N ? /* @__PURE__ */ i(
-                _e,
+                Ee,
                 {
                   onClick: C,
                   disabled: S,
                   "aria-busy": S,
                   children: [
-                    S ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ve, { className: "h-5 w-5" }),
+                    S ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ve, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ i(
-                _e,
+                Ee,
                 {
                   onClick: d,
                   disabled: S,
                   "aria-busy": S,
                   children: [
-                    S ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ve, { className: "h-5 w-5" }),
+                    S ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ve, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(_e, { variant: "danger", onClick: _, children: [
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(Ee, { variant: "danger", onClick: _, children: [
                 /* @__PURE__ */ e(ts, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
@@ -809,7 +809,7 @@ function vs(t) {
   return t != null && t.length ? t.some((s) => s.type === Be) ? "down" : t.some((s) => s.type === Oe) ? "up" : null : null;
 }
 function ws(t) {
-  const { channel: s } = Me(), { client: n } = tt("useMessageVote"), o = Ue(
+  const { channel: s } = xe(), { client: n } = tt("useMessageVote"), o = Ue(
     () => vs(t.own_reactions),
     [t.own_reactions]
   ), l = R(async () => {
@@ -897,7 +897,7 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     }
   )
 ] }), Ls = (t) => {
-  var K, Ce, pe, Ne, le, ye, ve, we, ie, E, j, P, $, he;
+  var K, pe, Ne, ye, le, ve, we, _e, ie, E, j, P, $, he;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
@@ -914,7 +914,7 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     message: a,
     renderText: w,
     threadList: N
-  } = t, { client: x } = tt("CustomMessage"), { channel: M } = Me("CustomMessage"), { isUnlocking: k, onUnlockClick: S, onFetchSource: I, onDownloadClick: D } = Ts("LockedAttachment"), [f, d] = T(!1), C = yt(a.id), { selected: _, voteUp: y, voteDown: p } = ws(a), {
+  } = t, { client: x } = tt("CustomMessage"), { channel: M } = xe("CustomMessage"), { isUnlocking: k, onUnlockClick: S, onFetchSource: I, onDownloadClick: D } = Ts("LockedAttachment"), [f, d] = T(!1), C = yt(a.id), { selected: _, voteUp: y, voteDown: p } = ws(a), {
     Attachment: F = wt,
     EditMessageModal: ee = _t,
     MessageBlocked: Y = Et,
@@ -952,13 +952,13 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       "str-chat__message--highlighted": b,
       "str-chat__message--pinned pinned-message": a.pinned,
       "str-chat__message--with-reactions": G,
-      "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((Ce = a == null ? void 0 : a.error) == null ? void 0 : Ce.status) !== 403,
+      "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((pe = a == null ? void 0 : a.error) == null ? void 0 : pe.status) !== 403,
       "str-chat__message-with-thread-link": q || se,
       "str-chat__virtual-message__wrapper--end": l,
       "str-chat__virtual-message__wrapper--first": m,
       "str-chat__virtual-message__wrapper--group": r
     }
-  ), ae = a.poll_id && x.polls.fromState(a.poll_id), be = Cs(a), re = $e(a), De = bs(a), xe = !!(B != null && B.length && !a.quoted_message), oe = re && X && xe;
+  ), ae = a.poll_id && x.polls.fromState(a.poll_id), Ce = Cs(a), re = $e(a), De = bs(a), be = !!(B != null && B.length && !a.quoted_message), oe = re && X && be;
   return /* @__PURE__ */ i(ge, { children: [
     o && /* @__PURE__ */ e(
       ee,
@@ -1007,12 +1007,12 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             X ? /* @__PURE__ */ e(
               Je.Creator,
               {
-                title: (pe = a.metadata) == null ? void 0 : pe.attachment_title,
-                mimeType: (Ne = a.metadata) == null ? void 0 : Ne.attachment_mime_type,
+                title: (Ne = a.metadata) == null ? void 0 : Ne.attachment_title,
+                mimeType: (ye = a.metadata) == null ? void 0 : ye.attachment_mime_type,
                 thumbnailUrl: (le = a.metadata) == null ? void 0 : le.attachment_thumbnail,
-                amountText: (ye = a.metadata) == null ? void 0 : ye.amount_text,
-                detail: (ve = a.metadata) == null ? void 0 : ve.attachment_detail,
-                paymentStatus: (we = a.metadata) == null ? void 0 : we.payment_status
+                amountText: (ve = a.metadata) == null ? void 0 : ve.amount_text,
+                detail: (we = a.metadata) == null ? void 0 : we.attachment_detail,
+                paymentStatus: (_e = a.metadata) == null ? void 0 : _e.payment_status
               }
             ) : /* @__PURE__ */ e(
               Je.Visitor,
@@ -1030,7 +1030,7 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
               }
             ),
             a.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(ze, { message: a, renderText: w }) }) })
-          ] }) : be ? (
+          ] }) : Ce ? (
             /* Tip-only messages render as a standalone bubble */
             /* @__PURE__ */ e(Le, { message: a, standalone: !0 })
           ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
@@ -1039,7 +1039,7 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
                 Le,
                 {
                   message: a,
-                  hasAttachment: xe,
+                  hasAttachment: be,
                   isMyMessage: X
                 }
               ),
@@ -1064,7 +1064,7 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
               Le,
               {
                 message: a,
-                hasAttachment: xe,
+                hasAttachment: be,
                 isMyMessage: X
               }
             ),
@@ -1155,7 +1155,8 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     l.og_scrape_url
   )) }) : null;
 }, Gs = () => {
-  const { handleSubmit: t } = zt(), s = Vt();
+  var m;
+  const { channel: t } = xe(), s = ((m = t == null ? void 0 : t.data) == null ? void 0 : m.frozen) === !0, { handleSubmit: n } = zt(), o = Vt();
   return /* @__PURE__ */ i(ge, { children: [
     /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Ht, {}) }),
     /* @__PURE__ */ i("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
@@ -1166,9 +1167,12 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
           qt,
           {
+            "aria-disabled": s || void 0,
             className: "w-full resize-none outline-none leading-6",
-            autoFocus: !0,
-            maxRows: 4
+            autoFocus: !s,
+            maxRows: 4,
+            readOnly: s,
+            tabIndex: s ? -1 : void 0
           }
         ) }),
         /* @__PURE__ */ e(
@@ -1177,8 +1181,8 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             "aria-label": "Send",
             className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
             "data-testid": "send-button",
-            disabled: !s,
-            onClick: t,
+            disabled: s || !o,
+            onClick: n,
             type: "button",
             children: /* @__PURE__ */ e(ss, { className: "size-4" })
           }
@@ -1188,10 +1192,22 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   ] });
 }, $s = ({
   renderActions: t
-}) => /* @__PURE__ */ i("div", { className: "message-input flex items-center gap-2 p-4", children: [
-  t && (t == null ? void 0 : t()),
-  /* @__PURE__ */ e(jt, { Input: Gs })
-] }), js = [
+}) => {
+  var o;
+  const { channel: s } = xe(), n = ((o = s == null ? void 0 : s.data) == null ? void 0 : o.frozen) === !0;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      inert: n ? "" : void 0,
+      "aria-disabled": n || void 0,
+      className: "message-input flex items-center gap-2 p-4 aria-disabled:opacity-40",
+      children: [
+        t == null ? void 0 : t(),
+        /* @__PURE__ */ e(jt, { Input: Gs })
+      ]
+    }
+  );
+}, js = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
 ], zs = {
@@ -1348,11 +1364,11 @@ const Ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       s && /* @__PURE__ */ e("span", { className: "text-stone", children: s })
     ]
   }
-), Ie = U.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
+), Me = U.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
   /* @__PURE__ */ e(Ks, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Ie.displayName = "LoadingState";
+Me.displayName = "LoadingState";
 const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Qs = ({
   onBack: t,
   showBackButton: s,
@@ -1361,7 +1377,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   showStarButton: l = !1
 }) => {
   var g, v, a, w, N;
-  const { channel: m } = Me(), r = U.useMemo(() => Object.values(m.state.members || {}).find(
+  const { channel: m } = xe(), r = U.useMemo(() => Object.values(m.state.members || {}).find(
     (M) => {
       var k;
       return ((k = M.user) == null ? void 0 : k.id) && M.user.id !== m._client.userID;
@@ -1509,7 +1525,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   customChannelActions: w,
   renderMessage: N
 }) => {
-  const { channel: x } = Me(), M = Q(null), k = U.useMemo(() => Object.values(x.state.members || {}).find(
+  const { channel: x } = xe(), M = Q(null), k = U.useMemo(() => Object.values(x.state.members || {}).find(
     (C) => {
       var _;
       return ((_ = C.user) == null ? void 0 : _.id) && C.user.id !== x._client.userID;
@@ -1645,7 +1661,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             channel: t,
             MessageSystem: Js,
             EmptyStateIndicator: h,
-            LoadingIndicator: Ie,
+            LoadingIndicator: Me,
             DateSeparator: ys,
             doSendMessageRequest: f,
             children: /* @__PURE__ */ e(
@@ -1844,7 +1860,7 @@ const sn = ({
                   C && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: C })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: x === f.id ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(We, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: x === f.id ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(We, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
         ) }, f.id);
@@ -1999,7 +2015,7 @@ const sn = ({
   ] }) })
 );
 ft.displayName = "EmptyState";
-const Se = U.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ i("div", { className: "text-center max-w-sm", children: [
+const Ie = U.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ i("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ e("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ e("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ e("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ e("p", { className: "text-stone text-sm mb-6", children: t }),
@@ -2013,7 +2029,7 @@ const Se = U.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
     }
   )
 ] }) }));
-Se.displayName = "ErrorState";
+Ie.displayName = "ErrorState";
 const gn = ({
   capabilities: t = {},
   className: s,
@@ -2051,10 +2067,10 @@ const gn = ({
     refreshConnection: J,
     debug: L
   } = os(), [W, z] = T(null), [de, me] = T(!1), [te, ue] = T(!1), [G, O] = T(!1), [B, q] = T(/* @__PURE__ */ new Set()), [se, Te] = T(0), [V, H] = T(!1), [X, ne] = T(null), ae = Q(null), {
-    participantSource: be,
+    participantSource: Ce,
     participantLabel: re = "participants",
     showDeleteConversation: De = !0
-  } = t, xe = U.useMemo(() => {
+  } = t, be = U.useMemo(() => {
     const E = p == null ? void 0 : p.userID;
     return {
       ...{
@@ -2168,14 +2184,14 @@ const gn = ({
     L,
     l
   ]);
-  const Ce = R(
+  const pe = R(
     (E) => {
       z(E), l == null || l(E);
     },
     [l]
-  ), pe = R(() => {
+  ), Ne = R(() => {
     V || z(null);
-  }, [V]), Ne = R(
+  }, [V]), ye = R(
     async (E) => {
       var j;
       if (y)
@@ -2204,29 +2220,29 @@ const gn = ({
   ), le = R(() => {
     var E;
     O(!1), (E = ae.current) == null || E.close();
-  }, []), ye = R(
+  }, []), ve = R(
     (E) => {
       E.target === ae.current && le();
     },
     [le]
-  ), ve = R(
+  ), we = R(
     async (E) => {
       L && console.log("[MessagingShell] Leaving conversation:", E.id), z(null), H(!1), oe.current = null, await K();
     },
     [K, L]
-  ), we = R(
+  ), _e = R(
     async (E) => {
       L && console.log("[MessagingShell] Blocking participant:", E), z(null), H(!1), oe.current = null, await K();
     },
     [K, L]
   ), ie = !!W;
-  return ee ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ie, {}) }) : Y ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Se, { message: Y, onBack: J }) }) : !F || !p ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(
-    Se,
+  return ee ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Me, {}) }) : Y ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ie, { message: Y, onBack: J }) }) : !F || !p ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(
+    Ie,
     {
       message: "Not connected to messaging service",
       onBack: J
     }
-  ) }) : X ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Se, { message: X }) }) : /* @__PURE__ */ i(
+  ) }) : X ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ie, { message: X }) }) : /* @__PURE__ */ i(
     "div",
     {
       className: A(
@@ -2251,9 +2267,9 @@ const gn = ({
               children: /* @__PURE__ */ e(
                 it,
                 {
-                  onChannelSelect: Ce,
+                  onChannelSelect: pe,
                   selectedChannel: W || void 0,
-                  filters: xe,
+                  filters: be,
                   channelRenderFilterFn: g,
                   customEmptyStateIndicator: v,
                   renderMessagePreview: D
@@ -2277,13 +2293,13 @@ const gn = ({
                 ht,
                 {
                   channel: W,
-                  onBack: pe,
+                  onBack: Ne,
                   showBackButton: !V,
                   renderMessageInputActions: n,
                   renderConversationFooter: o,
                   renderChannelBanner: f,
-                  onLeaveConversation: ve,
-                  onBlockParticipant: we,
+                  onLeaveConversation: we,
+                  onBlockParticipant: _e,
                   CustomChannelEmptyState: h,
                   showDeleteConversation: De,
                   onDeleteConversationClick: a,
@@ -2301,7 +2317,7 @@ const gn = ({
                 W.id
               ) }) : r ? (
                 // Show loading while creating/loading direct conversation channel
-                /* @__PURE__ */ e(Ie, {})
+                /* @__PURE__ */ e(Me, {})
               ) : /* @__PURE__ */ e(
                 ft,
                 {
@@ -2312,19 +2328,19 @@ const gn = ({
             }
           )
         ] }),
-        be && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+        Ce && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
         /* @__PURE__ */ e(
           "dialog",
           {
             ref: ae,
             className: "mes-dialog",
-            onClick: ye,
+            onClick: ve,
             onClose: le,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
               sn,
               {
-                participantSource: be,
-                onSelectParticipant: Ne,
+                participantSource: Ce,
+                onSelectParticipant: ye,
                 onClose: le,
                 existingParticipantIds: B,
                 participantLabel: re,
@@ -2442,7 +2458,7 @@ const gn = ({
   };
 };
 export {
-  _e as ActionButton,
+  Ee as ActionButton,
   ce as Avatar,
   Xs as ChannelEmptyState,
   it as ChannelList,