@linktr.ee/messaging-react 1.24.1 → 1.24.2-rc-1773232561

package/dist/index.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as c, Fragment as de } from "react/jsx-runtime";
 import R from "classnames";
-import A, { createContext as at, useContext as rt, useCallback as L, useState as S, useRef as Z, useEffect as J, useMemo as Ee } from "react";
+import A, { createContext as at, useContext as rt, useCallback as L, useState as I, useRef as Z, useEffect as J, useMemo as _e } from "react";
 import { StreamChatService as ot } from "@linktr.ee/messaging-core";
-import { Chat as lt, ChannelList as it, DateSeparator as ct, useChannelStateContext as Se, useChatContext as $e, areMessageUIPropsEqual as dt, useMessageReminder as ut, useComponentContext as mt, Attachment as ht, EditMessageModal as ft, MessageBlocked as gt, MessageBouncePrompt as xt, MessageDeleted as bt, MessageIsThreadReplyInChannelButtonIndicator as Ct, MessageRepliesCountButton as Nt, ReminderNotification as vt, StreamedMessageText as wt, messageHasAttachments as pt, messageHasReactions as yt, isDateSeparatorMessage as Et, isMessageBlocked as _t, isMessageBounced as It, MessageBounceModal as St, Poll as Mt, MessageText as kt, MessageErrorIcon as Dt, useMessageContext as je, useMessageComposer as Tt, useStateStore as Rt, MessageInput as Lt, useMessageInputContext as Pt, useMessageComposerHasSendableData as Ut, SimpleAttachmentSelector as Ft, QuotedMessagePreview as Ot, AttachmentPreviewList as At, TextareaComposer as Bt, MessageTimestamp as Te, Channel as $t, WithComponents as jt, Window as Gt, MessageList as Vt } from "stream-chat-react";
-import { GiftIcon as Ht, XIcon as Me, ArrowUpIcon as zt, SparkleIcon as Wt, ArrowLeftIcon as Re, StarIcon as Le, DotsThreeIcon as Pe, SpinnerGapIcon as be, SignOutIcon as qt, ProhibitInsetIcon as Ue, FlagIcon as Yt, MagnifyingGlassIcon as Zt, ChatCircleDotsIcon as Fe } from "@phosphor-icons/react";
+import { Chat as lt, ChannelList as it, DateSeparator as ct, useChannelStateContext as Se, useChatContext as $e, areMessageUIPropsEqual as dt, useMessageReminder as ut, useComponentContext as mt, Attachment as ht, EditMessageModal as ft, MessageBlocked as gt, MessageBouncePrompt as xt, MessageDeleted as bt, MessageIsThreadReplyInChannelButtonIndicator as Ct, MessageRepliesCountButton as Nt, ReminderNotification as vt, StreamedMessageText as wt, messageHasAttachments as pt, messageHasReactions as yt, isDateSeparatorMessage as _t, isMessageBlocked as Et, isMessageBounced as It, MessageBounceModal as St, Poll as Mt, MessageText as kt, MessageErrorIcon as Dt, useMessageContext as je, useMessageComposer as Tt, useStateStore as Rt, MessageInput as Lt, useMessageInputContext as Ft, useMessageComposerHasSendableData as Pt, SimpleAttachmentSelector as Ut, QuotedMessagePreview as Ot, AttachmentPreviewList as At, TextareaComposer as Bt, MessageTimestamp as Te, Channel as $t, WithComponents as jt, Window as Gt, MessageList as Vt } from "stream-chat-react";
+import { GiftIcon as Ht, XIcon as Me, ArrowUpIcon as zt, SparkleIcon as Wt, ArrowLeftIcon as Re, StarIcon as Le, DotsThreeIcon as Fe, SpinnerGapIcon as be, SignOutIcon as qt, ProhibitInsetIcon as Pe, FlagIcon as Yt, MagnifyingGlassIcon as Zt, ChatCircleDotsIcon as Ue } from "@phosphor-icons/react";
 import { LinkPreviewsManager as Oe } from "stream-chat";
 const Ge = at({
   service: null,
@@ -15,7 +15,7 @@ const Ge = at({
   refreshConnection: async () => {
   },
   debug: !1
-}), ve = () => rt(Ge), Gs = ({
+}), ve = () => rt(Ge), Vs = ({
   children: t,
   user: s,
   serviceConfig: n,
@@ -35,7 +35,7 @@ const Ge = at({
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [u, f] = S(null), [g, v] = S(null), [b, y] = S(!1), [o, w] = S(!1), [I, p] = S(null), M = Z(!1), C = Z({
+  const [u, f] = I(null), [g, v] = I(null), [b, y] = I(!1), [o, w] = I(!1), [E, p] = I(null), M = Z(!1), C = Z({
     userId: s == null ? void 0 : s.id,
     apiKey: a,
     serviceConfig: n,
@@ -96,7 +96,7 @@ const Ge = at({
   }, [a, n, d, r]);
   const x = Z(null);
   J(() => {
-    var i, E;
+    var i, _;
     if (r("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!u,
       hasUser: !!s,
@@ -112,7 +112,7 @@ const Ge = at({
       r("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((i = x.current) == null ? void 0 : i.serviceId) === u && ((E = x.current) == null ? void 0 : E.userId) === s.id) {
+    if (((i = x.current) == null ? void 0 : i.serviceId) === u && ((_ = x.current) == null ? void 0 : _.userId) === s.id) {
       r(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -180,14 +180,14 @@ const Ge = at({
     hasClient: !!g,
     isConnected: b,
     isLoading: o,
-    hasError: !!I,
+    hasError: !!E,
     capabilitiesKeys: Object.keys(l)
   }), {
     service: u,
     client: g,
     isConnected: b,
     isLoading: o,
-    error: I,
+    error: E,
     capabilities: l,
     refreshConnection: k,
     debug: d
@@ -196,7 +196,7 @@ const Ge = at({
     g,
     b,
     o,
-    I,
+    E,
     l,
     k,
     d,
@@ -389,26 +389,26 @@ const ee = ({
     const { selectedChannel: n, onChannelSelect: a, debug: l, renderMessagePreview: d } = Xt(), r = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), u = () => {
       t && a(t);
     }, f = (i) => {
-      const E = i.key === "Enter" || i.key === " ", D = i.repeat;
-      !E || D || (i.preventDefault(), u());
+      const _ = i.key === "Enter" || i.key === " ", D = i.repeat;
+      !_ || D || (i.preventDefault(), u());
     }, v = Object.values(((x = t == null ? void 0 : t.state) == null ? void 0 : x.members) || {}).find(
       (i) => {
-        var E, D;
-        return ((E = i.user) == null ? void 0 : E.id) && i.user.id !== ((D = t == null ? void 0 : t._client) == null ? void 0 : D.userID);
+        var _, D;
+        return ((_ = i.user) == null ? void 0 : _.id) && i.user.id !== ((D = t == null ? void 0 : t._client) == null ? void 0 : D.userID);
       }
     ), b = ((k = v == null ? void 0 : v.user) == null ? void 0 : k.name) || "Conversation", y = (h = v == null ? void 0 : v.user) == null ? void 0 : h.image, o = (() => {
-      var E;
-      const i = (E = t == null ? void 0 : t.state) == null ? void 0 : E.messages;
+      var _;
+      const i = (_ = t == null ? void 0 : t.state) == null ? void 0 : _.messages;
       if (i != null && i.length) {
         for (let D = i.length - 1; D >= 0; D--)
           if (i[D].type !== "system") return i[D];
       }
-    })(), I = (() => {
-      var E;
+    })(), E = (() => {
+      var _;
       if (o != null && o.text) return o.text;
-      const i = (E = o == null ? void 0 : o.attachments) == null ? void 0 : E[0];
+      const i = (_ = o == null ? void 0 : o.attachments) == null ? void 0 : _[0];
       return i ? i.og_scrape_url ? i.og_scrape_url : i.type === "image" ? "📷 Sent an image" : i.type === "video" ? "🎥 Sent a video" : i.type === "audio" ? "🎵 Sent audio" : i.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), p = o != null && o.created_at ? es(new Date(o.created_at)) : "", M = o ? ke(o) : !1, C = d ? d(o, I) : `${M ? "✨ " : ""}${I}`, N = s ?? 0;
+    })(), p = o != null && o.created_at ? es(new Date(o.created_at)) : "", M = o ? ke(o) : !1, C = d ? d(o, E) : `${M ? "✨ " : ""}${E}`, N = s ?? 0;
     return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: r,
@@ -505,6 +505,7 @@ const ls = { last_message_at: -1 }, We = A.memo(
             filters: n,
             sort: a,
             options: { limit: 30 },
+            allowNewMessagesFromUnfilteredChannels: !1,
             Preview: ze,
             EmptyStateIndicator: d
           },
@@ -557,20 +558,20 @@ function qe({ label: t, className: s, children: n, ...a }) {
 function Ye({ onClick: t }) {
   return /* @__PURE__ */ e(qe, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Me, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const is = (t) => /* @__PURE__ */ e(ct, { ...t, position: "center" }), _e = "vote_up", Ie = "vote_down";
+const is = (t) => /* @__PURE__ */ e(ct, { ...t, position: "center" }), Ee = "vote_up", Ie = "vote_down";
 function cs(t) {
-  return t != null && t.length ? t.some((s) => s.type === Ie) ? "down" : t.some((s) => s.type === _e) ? "up" : null : null;
+  return t != null && t.length ? t.some((s) => s.type === Ie) ? "down" : t.some((s) => s.type === Ee) ? "up" : null : null;
 }
 function ds(t) {
-  const { channel: s } = Se(), { client: n } = $e("useMessageVote"), a = Ee(
+  const { channel: s } = Se(), { client: n } = $e("useMessageVote"), a = _e(
     () => cs(t.own_reactions),
     [t.own_reactions]
   ), l = L(async () => {
     if (n != null && n.userID)
       try {
-        a === "up" ? await s.deleteReaction(t.id, _e) : await s.sendReaction(
+        a === "up" ? await s.deleteReaction(t.id, Ee) : await s.sendReaction(
           t.id,
-          { type: _e },
+          { type: Ee },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -652,11 +653,11 @@ const us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     isMyMessage: y,
     message: o,
     renderText: w,
-    threadList: I
-  } = t, { client: p } = $e("CustomMessage"), [M, C] = S(!1), N = ut(o.id), { selected: x, voteUp: k, voteDown: h } = ds(o), {
+    threadList: E
+  } = t, { client: p } = $e("CustomMessage"), [M, C] = I(!1), N = ut(o.id), { selected: x, voteUp: k, voteDown: h } = ds(o), {
     Attachment: m = ht,
     EditMessageModal: i = ft,
-    MessageBlocked: E = gt,
+    MessageBlocked: _ = gt,
     MessageBouncePrompt: D = xt,
     MessageDeleted: j = bt,
     MessageIsThreadReplyInChannelButtonIndicator: W = Ct,
@@ -664,22 +665,22 @@ const us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     ReminderNotification: q = vt,
     StreamedMessageText: G = wt,
     PinIndicator: X
-  } = mt("CustomMessage"), te = pt(o), se = yt(o), ne = Ee(
+  } = mt("CustomMessage"), te = pt(o), se = yt(o), ne = _e(
     () => b == null ? void 0 : b(o),
     [b, o]
-  ), z = Ee(
+  ), H = _e(
     () => !o.shared_location && !o.attachments ? [] : o.shared_location ? [o.shared_location, ...o.attachments ?? []] : o.attachments,
     [o]
   );
-  if (Et(o))
+  if (_t(o))
     return null;
   if (o.deleted_at || o.type === "deleted")
     return /* @__PURE__ */ e(j, { message: o });
-  if (_t(o))
-    return /* @__PURE__ */ e(E, {});
-  const Q = !I && !!o.reply_count, P = !I && o.show_in_channel && o.parent_id, U = o.status === "failed" && ((ue = o.error) == null ? void 0 : ue.status) !== 403, V = It(o);
+  if (Et(o))
+    return /* @__PURE__ */ e(_, {});
+  const Q = !E && !!o.reply_count, F = !E && o.show_in_channel && o.parent_id, P = o.status === "failed" && ((ue = o.error) == null ? void 0 : ue.status) !== 403, V = It(o);
   let B;
-  U ? B = () => g(o) : V && (B = () => C(!0));
+  P ? B = () => g(o) : V && (B = () => C(!0));
   const O = y(), ae = R(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${o.type}`,
@@ -692,12 +693,12 @@ const us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       "str-chat__message--pinned pinned-message": o.pinned,
       "str-chat__message--with-reactions": se,
       "str-chat__message-send-can-be-retried": (o == null ? void 0 : o.status) === "failed" && ((me = o == null ? void 0 : o.error) == null ? void 0 : me.status) !== 403,
-      "str-chat__message-with-thread-link": Q || P,
+      "str-chat__message-with-thread-link": Q || F,
       "str-chat__virtual-message__wrapper--end": l,
       "str-chat__virtual-message__wrapper--first": d,
       "str-chat__virtual-message__wrapper--group": r
     }
-  ), ie = o.poll_id && p.polls.fromState(o.poll_id), K = os(o), Y = ke(o), re = !!(z != null && z.length && !o.quoted_message), ce = Y && O && re;
+  ), ie = o.poll_id && p.polls.fromState(o.poll_id), K = os(o), Y = ke(o), re = !!(H != null && H.length && !o.quoted_message), ce = Y && O && re;
   return /* @__PURE__ */ c(de, { children: [
     a && /* @__PURE__ */ e(
       i,
@@ -729,7 +730,7 @@ const us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
         "div",
         {
           className: R("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": U || V
+            "str-chat__simple-message--error-failed": P || V
           }),
           "data-testid": "message-inner",
           onClick: B,
@@ -756,11 +757,11 @@ const us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
                 }
               ),
               ie && /* @__PURE__ */ e(Mt, { poll: ie }),
-              z != null && z.length && !o.quoted_message ? /* @__PURE__ */ e(
+              H != null && H.length && !o.quoted_message ? /* @__PURE__ */ e(
                 m,
                 {
                   actionHandler: u,
-                  attachments: z
+                  attachments: H
                 }
               ) : null,
               ne ? /* @__PURE__ */ e(
@@ -798,7 +799,7 @@ const us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           reply_count: o.reply_count
         }
       ),
-      P && /* @__PURE__ */ e(W, {})
+      F && /* @__PURE__ */ e(W, {})
     ] }, o.id)
   ] });
 }, gs = A.memo(
@@ -867,9 +868,9 @@ const us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     l.og_scrape_url
   )) }) : null;
 }, vs = () => {
-  const { handleSubmit: t } = Pt(), s = Ut();
+  const { handleSubmit: t } = Ft(), s = Pt();
   return /* @__PURE__ */ c(de, { children: [
-    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Ft, {}) }),
+    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Ut, {}) }),
     /* @__PURE__ */ c("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
       /* @__PURE__ */ e(Ot, {}),
       /* @__PURE__ */ e(Ns, {}),
@@ -909,7 +910,7 @@ const us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
 ], ys = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Be = (t) => ps.includes(t), Es = (t) => {
+}, Be = (t) => ps.includes(t), _s = (t) => {
   var a;
   const s = (a = t.metadata) == null ? void 0 : a.custom_type;
   if (Be(s))
@@ -917,9 +918,9 @@ const us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   const n = t.dm_agent_system_type;
   if (Be(n))
     return n;
-}, _s = (t) => {
+}, Es = (t) => {
   var a;
-  const s = t.message.hide_date === !0, n = Es(t.message);
+  const s = t.message.hide_date === !0, n = _s(t.message);
   if (n) {
     const l = ((a = t.message.text) == null ? void 0 : a.trim()) || ys[n];
     return /* @__PURE__ */ c("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1009,14 +1010,14 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   canShowInfo: a,
   showStarButton: l = !1
 }) => {
-  var y, o, w, I, p, M;
+  var y, o, w, E, p, M;
   const { channel: d } = Se(), r = A.useMemo(() => Object.values(d.state.members || {}).find(
     (N) => {
       var x;
       return ((x = N.user) == null ? void 0 : x.id) && N.user.id !== d._client.userID;
     }
-  ), [d._client.userID, d.state.members]), u = ((y = r == null ? void 0 : r.user) == null ? void 0 : y.name) || ((o = r == null ? void 0 : r.user) == null ? void 0 : o.id) || "Unknown member", f = (w = r == null ? void 0 : r.user) == null ? void 0 : w.image, [g, v] = S(
-    !!((I = d.state.membership) != null && I.pinned_at)
+  ), [d._client.userID, d.state.members]), u = ((y = r == null ? void 0 : r.user) == null ? void 0 : y.name) || ((o = r == null ? void 0 : r.user) == null ? void 0 : o.id) || "Unknown member", f = (w = r == null ? void 0 : r.user) == null ? void 0 : w.image, [g, v] = I(
+    !!((E = d.state.membership) != null && E.pinned_at)
   );
   J(() => {
     const C = (N) => {
@@ -1091,7 +1092,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Pe, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Fe, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -1146,7 +1147,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Pe, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Fe, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -1166,10 +1167,10 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onReportParticipantClick: v,
   customChannelActions: b
 }) => {
-  var G, X, te, se, ne, z, Q;
-  const { service: y, debug: o } = ve(), [w, I] = S(!1), [p, M] = S(!1), [C, N] = S(!1), x = L(async () => {
-    var P;
-    if (!(!y || !((P = n == null ? void 0 : n.user) != null && P.id)))
+  var G, X, te, se, ne, H, Q;
+  const { service: y, debug: o } = ve(), [w, E] = I(!1), [p, M] = I(!1), [C, N] = I(!1), x = L(async () => {
+    var F;
+    if (!(!y || !((F = n == null ? void 0 : n.user) != null && F.id)))
       try {
         const V = (await y.getBlockedUsers()).some(
           (B) => {
@@ -1177,11 +1178,11 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             return B.blocked_user_id === ((O = n == null ? void 0 : n.user) == null ? void 0 : O.id);
           }
         );
-        I(V);
-      } catch (U) {
+        E(V);
+      } catch (P) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          U
+          P
         );
       }
   }, [y, (G = n == null ? void 0 : n.user) == null ? void 0 : G.id]);
@@ -1189,24 +1190,24 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     x();
   }, [x]);
   const k = async () => {
-    var P;
+    var F;
     if (!p) {
       f == null || f(), o && console.log("[ChannelInfoDialog] Leave conversation", a.cid), M(!0);
       try {
-        const U = ((P = a._client) == null ? void 0 : P.userID) ?? null;
-        await a.hide(U, !1), d && await d(a), s();
-      } catch (U) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", U);
+        const P = ((F = a._client) == null ? void 0 : F.userID) ?? null;
+        await a.hide(P, !1), d && await d(a), s();
+      } catch (P) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", P);
       } finally {
         M(!1);
       }
     }
   }, h = async () => {
-    var P, U, V;
+    var F, P, V;
     if (!(C || !y)) {
-      g == null || g(), o && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), N(!0);
+      g == null || g(), o && console.log("[ChannelInfoDialog] Block member", (F = n == null ? void 0 : n.user) == null ? void 0 : F.id), N(!0);
       try {
-        await y.blockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), r && await r((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), s();
+        await y.blockUser((P = n == null ? void 0 : n.user) == null ? void 0 : P.id), r && await r((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), s();
       } catch (B) {
         console.error("[ChannelInfoDialog] Failed to block member", B);
       } finally {
@@ -1214,11 +1215,11 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     }
   }, m = async () => {
-    var P, U, V;
+    var F, P, V;
     if (!(C || !y)) {
-      g == null || g(), o && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), N(!0);
+      g == null || g(), o && console.log("[ChannelInfoDialog] Unblock member", (F = n == null ? void 0 : n.user) == null ? void 0 : F.id), N(!0);
       try {
-        await y.unBlockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), r && await r((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), s();
+        await y.unBlockUser((P = n == null ? void 0 : n.user) == null ? void 0 : P.id), r && await r((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), s();
       } catch (B) {
         console.error("[ChannelInfoDialog] Failed to unblock member", B);
       } finally {
@@ -1233,7 +1234,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   };
   if (!n) return null;
-  const E = ((X = n.user) == null ? void 0 : X.name) || ((te = n.user) == null ? void 0 : te.id) || "Unknown member", D = (se = n.user) == null ? void 0 : se.image, j = (ne = n.user) == null ? void 0 : ne.email, W = (z = n.user) == null ? void 0 : z.username, T = j || (W ? `linktr.ee/${W}` : void 0), q = ((Q = n.user) == null ? void 0 : Q.id) || "unknown";
+  const _ = ((X = n.user) == null ? void 0 : X.name) || ((te = n.user) == null ? void 0 : te.id) || "Unknown member", D = (se = n.user) == null ? void 0 : se.image, j = (ne = n.user) == null ? void 0 : ne.email, W = (H = n.user) == null ? void 0 : H.username, T = j || (W ? `linktr.ee/${W}` : void 0), q = ((Q = n.user) == null ? void 0 : Q.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -1242,8 +1243,8 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (P) => {
-          P.target === t.current && s();
+        onClick: (F) => {
+          F.target === t.current && s();
         },
         children: /* @__PURE__ */ c("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__ */ c("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
@@ -1261,14 +1262,14 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                     ee,
                     {
                       id: q,
-                      name: E,
+                      name: _,
                       image: D,
                       size: 88,
                       shape: "circle"
                     }
                   ),
                   /* @__PURE__ */ c("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: E }),
+                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: _ }),
                     T && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: T }),
                     l && /* @__PURE__ */ e(
                       "span",
@@ -1308,7 +1309,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                   disabled: C,
                   "aria-busy": C,
                   children: [
-                    C ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
+                    C ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Pe, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
@@ -1319,7 +1320,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                   disabled: C,
                   "aria-busy": C,
                   children: [
-                    C ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
+                    C ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Pe, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
@@ -1351,7 +1352,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   customChannelActions: y,
   renderMessage: o
 }) => {
-  const { channel: w } = Se(), I = Z(null), p = A.useMemo(() => Object.values(w.state.members || {}).find(
+  const { channel: w } = Se(), E = Z(null), p = A.useMemo(() => Object.values(w.state.members || {}).find(
     (k) => {
       var h;
       return ((h = k.user) == null ? void 0 : h.id) && k.user.id !== w._client.userID;
@@ -1364,10 +1365,10 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       return x.isFollower ? "Subscribed to you" : "Not subscribed";
   }, [w.data]), C = L(() => {
     var x;
-    (x = I.current) == null || x.showModal();
+    (x = E.current) == null || x.showModal();
   }, []), N = L(() => {
     var x;
-    (x = I.current) == null || x.close();
+    (x = E.current) == null || x.close();
   }, []);
   return /* @__PURE__ */ c(de, { children: [
     /* @__PURE__ */ e(
@@ -1417,7 +1418,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     /* @__PURE__ */ e(
       ks,
       {
-        dialogRef: I,
+        dialogRef: E,
         onClose: N,
         participant: p,
         channel: w,
@@ -1449,7 +1450,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     dmAgentEnabled: y,
     messageMetadata: o,
     onMessageSent: w,
-    showStarButton: I = !1,
+    showStarButton: E = !1,
     chatbotVotingEnabled: p = !1,
     renderChannelBanner: M,
     customChannelActions: C,
@@ -1458,9 +1459,9 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     const x = L(
       async (k, h, m) => {
         var T;
-        const i = ((T = t.data) == null ? void 0 : T.chatbot_paused) === !0, E = y && !i, D = {
+        const i = ((T = t.data) == null ? void 0 : T.chatbot_paused) === !0, _ = y && !i, D = {
           ...h,
-          ...E && { silent: !0 },
+          ..._ && { silent: !0 },
           ...o && {
             metadata: {
               ...h.metadata ?? {},
@@ -1469,7 +1470,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }
         }, j = {
           ...m,
-          ...E && { skip_push: !0 }
+          ..._ && { skip_push: !0 }
         }, W = await t.sendMessage(D, j);
         return w == null || w(W), W;
       },
@@ -1486,7 +1487,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           $t,
           {
             channel: t,
-            MessageSystem: _s,
+            MessageSystem: Es,
             EmptyStateIndicator: u,
             LoadingIndicator: Ne,
             DateSeparator: is,
@@ -1504,7 +1505,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 onDeleteConversationClick: g,
                 onBlockParticipantClick: v,
                 onReportParticipantClick: b,
-                showStarButton: I,
+                showStarButton: E,
                 chatbotVotingEnabled: p,
                 renderChannelBanner: M,
                 customChannelActions: C,
@@ -1566,7 +1567,7 @@ const Rs = ({
   searchPlaceholder: d = "Search participants...",
   className: r
 }) => {
-  const { debug: u } = ve(), [f, g] = S(""), [v, b] = S([]), [y, o] = S(!1), [w, I] = S(null), [p, M] = S(
+  const { debug: u } = ve(), [f, g] = I(""), [v, b] = I([]), [y, o] = I(!1), [w, E] = I(null), [p, M] = I(
     null
   ), C = Z(!1);
   J(() => {
@@ -1578,7 +1579,7 @@ const Rs = ({
     }
     if (C.current) return;
     (async () => {
-      u && console.log("[ParticipantPicker] Loading initial participants..."), o(!0), I(null);
+      u && console.log("[ParticipantPicker] Loading initial participants..."), o(!0), E(null);
       try {
         const m = await t.loadParticipants({
           search: "",
@@ -1591,7 +1592,7 @@ const Rs = ({
         );
       } catch (m) {
         const i = m instanceof Error ? m.message : "Failed to load participants";
-        I(i), console.error("[ParticipantPicker] Failed to load participants:", m);
+        E(i), console.error("[ParticipantPicker] Failed to load participants:", m);
       } finally {
         o(!1);
       }
@@ -1654,7 +1655,7 @@ const Rs = ({
         "..."
       ] })
     ] }) }) : N.length === 0 ? /* @__PURE__ */ c("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(Fe, { className: "h-8 w-8 text-charcoal" }) }),
+      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(Ue, { className: "h-8 w-8 text-charcoal" }) }),
       /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: f ? `No ${l} found` : v.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
       /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: f ? "Try a different search term" : v.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
     ] }) : /* @__PURE__ */ c("ul", { className: "space-y-0", children: [
@@ -1665,7 +1666,7 @@ const Rs = ({
           {
             type: "button",
             onClick: () => x(h),
-            onKeyDown: (E) => k(E, h),
+            onKeyDown: (_) => k(_, h),
             className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus-ring",
             children: /* @__PURE__ */ c("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ c("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
@@ -1683,7 +1684,7 @@ const Rs = ({
                   i && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: i })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: p === h.id ? /* @__PURE__ */ e(be, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Fe, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: p === h.id ? /* @__PURE__ */ e(be, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
         ) }, h.id);
@@ -1694,7 +1695,22 @@ const Rs = ({
       ] }) })
     ] }) })
   ] });
-}, Ls = ({ className: t }) => /* @__PURE__ */ c(
+};
+function Ls(t, s) {
+  return {
+    ...{
+      type: "messaging",
+      last_message_at: { $exists: !0 },
+      ...t && {
+        members: { $in: [t] },
+        hidden: !1
+      },
+      has_visitor_message: !0
+    },
+    ...s
+  };
+}
+const Fs = ({ className: t }) => /* @__PURE__ */ c(
   "svg",
   {
     width: "140",
@@ -1830,7 +1846,7 @@ const Rs = ({
   }
 ), Je = A.memo(
   ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(Ls, {}),
+    /* @__PURE__ */ e(Fs, {}),
     s && !t && /* @__PURE__ */ c("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
       /* @__PURE__ */ e("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
@@ -1853,7 +1869,7 @@ const Ce = A.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const Vs = ({
+const Hs = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
@@ -1869,7 +1885,7 @@ const Vs = ({
   onBlockParticipantClick: y,
   onReportParticipantClick: o,
   dmAgentEnabled: w,
-  messageMetadata: I,
+  messageMetadata: E,
   onMessageSent: p,
   showStarButton: M = !1,
   chatbotVotingEnabled: C = !1,
@@ -1881,83 +1897,73 @@ const Vs = ({
   const {
     service: m,
     client: i,
-    isConnected: E,
+    isConnected: _,
     isLoading: D,
     error: j,
     refreshConnection: W,
     debug: T
-  } = Jt(), [q, G] = S(null), [X, te] = S(!1), [se, ne] = S(!1), [z, Q] = S(!1), [P, U] = S(/* @__PURE__ */ new Set()), [V, B] = S(0), [O, ae] = S(!1), [ie, K] = S(null), Y = Z(null), {
+  } = Jt(), [q, G] = I(null), [X, te] = I(!1), [se, ne] = I(!1), [H, Q] = I(!1), [F, P] = I(/* @__PURE__ */ new Set()), [V, B] = I(0), [O, ae] = I(!1), [ie, K] = I(null), Y = Z(null), {
     participantSource: re,
     participantLabel: ce = "participants",
     showDeleteConversation: ue = !0
-  } = t, me = A.useMemo(() => {
-    const _ = i == null ? void 0 : i.userID;
-    return {
-      ...{
-        type: "messaging",
-        last_message_at: { $exists: !0 },
-        ..._ && {
-          members: { $in: [_] },
-          hidden: !1
-        }
-      },
-      ...g
-    };
-  }, [g, i == null ? void 0 : i.userID]), he = Z(null), oe = L(async () => {
-    if (!i || !E) return;
-    const _ = i.userID;
-    if (_)
+  } = t, me = A.useMemo(
+    () => Ls(i == null ? void 0 : i.userID, g),
+    [g, i == null ? void 0 : i.userID]
+  ), he = Z(null), oe = L(async () => {
+    if (!i || !_) return;
+    const S = i.userID;
+    if (S)
       try {
-        T && console.log("[MessagingShell] Syncing channels for user:", _);
-        const H = await i.queryChannels(
+        T && console.log("[MessagingShell] Syncing channels for user:", S);
+        const z = await i.queryChannels(
           {
             type: "messaging",
-            members: { $in: [_] }
+            members: { $in: [S] }
           },
           {},
           { limit: 100 }
-        ), F = /* @__PURE__ */ new Set();
-        H.forEach(($) => {
+        ), U = /* @__PURE__ */ new Set();
+        z.forEach(($) => {
           const we = $.state.members;
           Object.values(we).forEach((nt) => {
             var De;
             const pe = (De = nt.user) == null ? void 0 : De.id;
-            pe && pe !== _ && F.add(pe);
+            pe && pe !== S && U.add(pe);
           });
-        }), U(($) => $.size === F.size && [...$].every((we) => F.has(we)) ? $ : F), te(H.length > 0), ne(!0), he.current = _, T && console.log("[MessagingShell] Channels synced successfully:", {
-          channelCount: H.length,
-          memberCount: F.size
+        }), P(($) => $.size === U.size && [...$].every((we) => U.has(we)) ? $ : U), te(z.length > 0), ne(!0), he.current = S, T && console.log("[MessagingShell] Channels synced successfully:", {
+          channelCount: z.length,
+          memberCount: U.size
         });
-      } catch (H) {
-        console.error("[MessagingShell] Failed to sync channels:", H);
+      } catch (z) {
+        console.error("[MessagingShell] Failed to sync channels:", z);
       }
-  }, [i, E, T]);
+  }, [i, _, T]);
   J(() => {
-    if (!i || !E) return;
-    const _ = i.userID;
-    _ && he.current !== _ && oe();
-  }, [i, E, oe]), J(() => {
-    if (!d || !i || !E) return;
+    if (!i || !_) return;
+    const S = i.userID;
+    S && he.current !== S && oe();
+  }, [i, _, oe]), J(() => {
+    if (!d || !i || !_) return;
     (async () => {
-      const H = i.userID;
-      if (H)
+      const z = i.userID;
+      if (z)
         try {
           T && console.log(
             "[MessagingShell] Loading initial conversation with:",
             d
           );
-          const F = await i.queryChannels(
+          const U = await i.queryChannels(
             {
               type: "messaging",
-              members: { $eq: [H, d] }
+              members: { $eq: [z, d] }
             },
             {},
             { limit: 1 }
           );
-          if (F.length > 0)
-            G(F[0]), ae(!0), K(null), a && a(F[0]), T && console.log(
+          if (U.length > 0)
+            G(U[0]), ae(!0), K(null), a && a(U[0]), T && console.log(
               "[MessagingShell] Initial conversation loaded:",
-              F[0].id
+              U[0].id
             );
           else if (r && m) {
             T && console.log(
@@ -1988,10 +1994,10 @@ const Vs = ({
               "[MessagingShell] No conversation found for:",
               d
             );
-        } catch (F) {
+        } catch (U) {
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
-            F
+            U
           ), K("Failed to load conversation");
         }
     })();
@@ -1999,64 +2005,64 @@ const Vs = ({
     d,
     r,
     i,
-    E,
+    _,
     m,
     T,
     a
   ]);
   const Qe = L(
-    (_) => {
-      G(_), a == null || a(_);
+    (S) => {
+      G(S), a == null || a(S);
     },
     [a]
   ), Xe = L(() => {
     O || G(null);
   }, [O]), Ke = L(
-    async (_) => {
-      var H;
+    async (S) => {
+      var z;
       if (m)
         try {
           T && console.log(
             "[MessagingShell] Starting conversation with:",
-            _.id
+            S.id
           );
-          const F = await m.startChannelWithParticipant({
-            id: _.id,
-            name: _.name,
-            email: _.email,
-            phone: _.phone
+          const U = await m.startChannelWithParticipant({
+            id: S.id,
+            name: S.name,
+            email: S.email,
+            phone: S.phone
           });
           try {
-            await F.show();
+            await U.show();
           } catch ($) {
             console.warn("[MessagingShell] Failed to unhide channel:", $);
           }
-          G(F), Q(!1), (H = Y.current) == null || H.close(), l == null || l(_);
-        } catch (F) {
-          console.error("[MessagingShell] Failed to start conversation:", F);
+          G(U), Q(!1), (z = Y.current) == null || z.close(), l == null || l(S);
+        } catch (U) {
+          console.error("[MessagingShell] Failed to start conversation:", U);
         }
     },
     [m, l, T]
   ), fe = L(() => {
-    var _;
-    Q(!1), (_ = Y.current) == null || _.close();
+    var S;
+    Q(!1), (S = Y.current) == null || S.close();
   }, []), et = L(
-    (_) => {
-      _.target === Y.current && fe();
+    (S) => {
+      S.target === Y.current && fe();
     },
     [fe]
   ), tt = L(
-    async (_) => {
-      T && console.log("[MessagingShell] Leaving conversation:", _.id), G(null), ae(!1), he.current = null, await oe();
+    async (S) => {
+      T && console.log("[MessagingShell] Leaving conversation:", S.id), G(null), ae(!1), he.current = null, await oe();
     },
     [oe, T]
   ), st = L(
-    async (_) => {
-      T && console.log("[MessagingShell] Blocking participant:", _), G(null), ae(!1), he.current = null, await oe();
+    async (S) => {
+      T && console.log("[MessagingShell] Blocking participant:", S), G(null), ae(!1), he.current = null, await oe();
     },
     [oe, T]
   ), ge = !!q;
-  return D ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ne, {}) }) : j ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ce, { message: j, onBack: W }) }) : !E || !i ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(
+  return D ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ne, {}) }) : j ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ce, { message: j, onBack: W }) }) : !_ || !i ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(
     Ce,
     {
       message: "Not connected to messaging service",
@@ -2124,7 +2130,7 @@ const Vs = ({
                   onBlockParticipantClick: y,
                   onReportParticipantClick: o,
                   dmAgentEnabled: w,
-                  messageMetadata: I,
+                  messageMetadata: E,
                   onMessageSent: p,
                   showStarButton: M,
                   chatbotVotingEnabled: C,
@@ -2159,7 +2165,7 @@ const Vs = ({
                 participantSource: re,
                 onSelectParticipant: Ke,
                 onClose: fe,
-                existingParticipantIds: P,
+                existingParticipantIds: F,
                 participantLabel: ce,
                 searchPlaceholder: `Search ${ce}...`
               },
@@ -2192,7 +2198,7 @@ const Vs = ({
     ),
     children: t
   }
-), Hs = ({
+), zs = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
@@ -2233,8 +2239,8 @@ const Vs = ({
       }
     )
   ] }) });
-}, zs = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: a = 20 } = s, [l, d] = S([]), [r, u] = S(!1), [f, g] = S(null), [v, b] = S(n), [y, o] = S(!0), [w, I] = S(), p = L(async (x = !1, k) => {
+}, Ws = (t, s = {}) => {
+  const { initialSearch: n = "", pageSize: a = 20 } = s, [l, d] = I([]), [r, u] = I(!1), [f, g] = I(null), [v, b] = I(n), [y, o] = I(!0), [w, E] = I(), p = L(async (x = !1, k) => {
     if (r) return;
     const h = k !== void 0 ? k : v;
     u(!0), g(null);
@@ -2246,7 +2252,7 @@ const Vs = ({
       });
       d(
         (i) => x ? m.participants : [...i, ...m.participants]
-      ), o(m.hasMore), I(m.nextCursor);
+      ), o(m.hasMore), E(m.nextCursor);
     } catch (m) {
       const i = m instanceof Error ? m.message : "Failed to load participants";
       g(i), console.error("[useParticipants] Load error:", m);
@@ -2256,9 +2262,9 @@ const Vs = ({
   }, [t, v, w, a, r]), M = L(() => {
     y && !r && p(!1);
   }, [y, r, p]), C = L((x) => {
-    b(x), I(void 0), p(!0, x);
+    b(x), E(void 0), p(!0, x);
   }, [p]), N = L(() => {
-    I(void 0), p(!0);
+    E(void 0), p(!0);
   }, [p]);
   return J(() => {
     p(!0);
@@ -2280,15 +2286,15 @@ export {
   Is as ChannelEmptyState,
   We as ChannelList,
   Ze as ChannelView,
-  Hs as FaqList,
+  zs as FaqList,
   Ps as FaqListItem,
   hs as MessageVoteButtons,
-  Gs as MessagingProvider,
-  Vs as MessagingShell,
+  Vs as MessagingProvider,
+  Hs as MessagingShell,
   Rs as ParticipantPicker,
   es as formatRelativeTime,
   ds as useMessageVote,
   Jt as useMessaging,
-  zs as useParticipants
+  Ws as useParticipants
 };
 //# sourceMappingURL=index.js.map