@linktr.ee/messaging-react 1.19.0 → 1.19.1

package/dist/index.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as i, Fragment as he } from "react/jsx-runtime";
 import F from "classnames";
 import B, { createContext as We, useContext as qe, useCallback as L, useState as S, useRef as G, useEffect as H, useMemo as be } from "react";
 import { StreamChatService as Ze } from "@linktr.ee/messaging-core";
-import { Chat as Ye, ChannelList as Je, DateSeparator as Qe, areMessageUIPropsEqual as Xe, useChatContext as Ke, useMessageReminder as es, useComponentContext as ss, Attachment as ts, EditMessageModal as ns, MessageBlocked as rs, MessageBouncePrompt as as, MessageDeleted as ls, MessageIsThreadReplyInChannelButtonIndicator as os, MessageRepliesCountButton as is, ReminderNotification as cs, StreamedMessageText as ds, messageHasAttachments as ms, messageHasReactions as us, isDateSeparatorMessage as hs, isMessageBlocked as fs, isMessageBounced as gs, MessageBounceModal as xs, Poll as Cs, MessageText as bs, MessageErrorIcon as Ns, useMessageContext as vs, useMessageComposer as ws, useStateStore as ys, MessageInput as ps, useMessageInputContext as Es, useMessageComposerHasSendableData as Is, SimpleAttachmentSelector as _s, QuotedMessagePreview as Ss, AttachmentPreviewList as Ms, TextareaComposer as ks, MessageTimestamp as Rs, Channel as Ds, useChannelStateContext as Se, WithComponents as Ts, Window as Fs, MessageList as Ls } from "stream-chat-react";
+import { Chat as Ye, ChannelList as Je, DateSeparator as Qe, areMessageUIPropsEqual as Xe, useChatContext as Ke, useMessageReminder as es, useComponentContext as ss, Attachment as ts, EditMessageModal as ns, MessageBlocked as rs, MessageBouncePrompt as as, MessageDeleted as ls, MessageIsThreadReplyInChannelButtonIndicator as os, MessageRepliesCountButton as is, ReminderNotification as cs, StreamedMessageText as ds, messageHasAttachments as us, messageHasReactions as ms, isDateSeparatorMessage as hs, isMessageBlocked as fs, isMessageBounced as gs, MessageBounceModal as xs, Poll as Cs, MessageText as bs, MessageErrorIcon as Ns, useMessageContext as vs, useMessageComposer as ws, useStateStore as ys, MessageInput as ps, useMessageInputContext as Es, useMessageComposerHasSendableData as Is, SimpleAttachmentSelector as _s, QuotedMessagePreview as Ss, AttachmentPreviewList as Ms, TextareaComposer as ks, MessageTimestamp as Rs, Channel as Ds, useChannelStateContext as Se, WithComponents as Ts, Window as Fs, MessageList as Ls } from "stream-chat-react";
 import { GiftIcon as Ps, XIcon as fe, ArrowUpIcon as Os, ArrowLeftIcon as Ne, StarIcon as ve, DotsThreeIcon as we, SpinnerGapIcon as oe, SignOutIcon as Us, ProhibitInsetIcon as ye, FlagIcon as Bs, MagnifyingGlassIcon as js, ChatCircleDotsIcon as pe } from "@phosphor-icons/react";
 import { LinkPreviewsManager as Ee } from "stream-chat";
 const Me = We({
@@ -24,8 +24,8 @@ const Me = We({
   debug: c = !1
 }) => {
   const r = L(
-    (m, ...w) => {
-      c && console.log(`🔥 [MessagingProvider] ${m}`, ...w);
+    (u, ...w) => {
+      c && console.log(`🔥 [MessagingProvider] ${u}`, ...w);
     },
     [c]
   );
@@ -56,9 +56,9 @@ const Me = We({
     serviceConfig: n,
     capabilities: o
   }, H(() => {
-    const m = y.current;
+    const u = y.current;
     if (r("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: m,
+      renderCount: u,
       apiKey: !!l,
       serviceConfig: !!n,
       dependencies: {
@@ -69,13 +69,13 @@ const Me = We({
       }
     }), !l || !n) {
       r("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: m,
+        renderCount: u,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     r("🚀 CREATING NEW SERVICE", {
-      renderCount: m,
+      renderCount: u,
       apiKey: (l == null ? void 0 : l.substring(0, 8)) + "...",
       serviceConfigChanged: b.current.serviceConfig !== n
     });
@@ -85,16 +85,16 @@ const Me = We({
       debug: c
     });
     return x(w), r("✅ SERVICE SET", {
-      renderCount: m,
+      renderCount: u,
       serviceInstance: !!w
     }), () => {
       r("🧹 SERVICE CLEANUP", {
-        renderCount: m,
+        renderCount: u,
         reason: "Effect cleanup"
       }), w.disconnectUser().catch(console.error);
     };
   }, [l, n, c, r]);
-  const u = G(null);
+  const m = G(null);
   H(() => {
     var w, v;
     if (r("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -112,7 +112,7 @@ const Me = We({
       r("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((w = u.current) == null ? void 0 : w.serviceId) === d && ((v = u.current) == null ? void 0 : v.userId) === s.id) {
+    if (((w = m.current) == null ? void 0 : w.serviceId) === d && ((v = m.current) == null ? void 0 : v.userId) === s.id) {
       r(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -124,7 +124,7 @@ const Me = We({
       try {
         r("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
         const D = await d.connectUser(s);
-        C(D), a(!0), u.current = { serviceId: d, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
+        C(D), a(!0), m.current = { serviceId: d, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
           clientId: D.userID
         });
@@ -148,7 +148,7 @@ const Me = We({
     d && N ? (r(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), u.current = null, d.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
+    ), m.current = null, d.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!d,
       isConnected: N
     });
@@ -164,10 +164,10 @@ const Me = We({
     r("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), I(!0);
     try {
       r("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), r("📞 RECONNECTING FOR REFRESH");
-      const m = await d.connectUser(s);
-      C(m), a(!0), f(null), r("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
-    } catch (m) {
-      const w = m instanceof Error ? m.message : "Refresh failed";
+      const u = await d.connectUser(s);
+      C(u), a(!0), f(null), r("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+    } catch (u) {
+      const w = u instanceof Error ? u.message : "Refresh failed";
       f(w), r("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
         error: w
@@ -365,7 +365,7 @@ const X = ({
     unread: o,
     renderMessagePreview: c
   }) => {
-    var y, u, k, g, m, w;
+    var y, m, k, g, u, w;
     const r = (s == null ? void 0 : s.id) === (t == null ? void 0 : t.id), d = () => {
       t && n(t);
     }, h = Object.values(((y = t == null ? void 0 : t.state) == null ? void 0 : y.members) || {}).find(
@@ -373,7 +373,7 @@ const X = ({
         var D, P;
         return ((D = v.user) == null ? void 0 : D.id) && v.user.id !== ((P = t == null ? void 0 : t._client) == null ? void 0 : P.userID);
       }
-    ), C = ((u = h == null ? void 0 : h.user) == null ? void 0 : u.name) || "Conversation", N = (k = h == null ? void 0 : h.user) == null ? void 0 : k.image, a = (m = (g = t == null ? void 0 : t.state) == null ? void 0 : g.messages) == null ? void 0 : m[t.state.messages.length - 1], I = (() => {
+    ), C = ((m = h == null ? void 0 : h.user) == null ? void 0 : m.name) || "Conversation", N = (k = h == null ? void 0 : h.user) == null ? void 0 : k.image, a = (u = (g = t == null ? void 0 : t.state) == null ? void 0 : g.messages) == null ? void 0 : u[t.state.messages.length - 1], I = (() => {
       var D;
       if (a != null && a.text) return a.text;
       const v = (D = a == null ? void 0 : a.attachments) == null ? void 0 : D[0];
@@ -423,7 +423,7 @@ const X = ({
               _ && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ e("p", { className: "text-xs text-stone mr-2 flex-1 line-clamp-2", children: p }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: p }),
               b > 0 && /* @__PURE__ */ e("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: b > 99 ? "99+" : b })
             ] })
           ] })
@@ -544,16 +544,16 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
     threadList: I
   } = t, { client: _ } = Ke("CustomMessage"), [f, p] = S(!1), b = es(a.id), {
     Attachment: y = ts,
-    EditMessageModal: u = ns,
+    EditMessageModal: m = ns,
     MessageBlocked: k = rs,
     MessageBouncePrompt: g = as,
-    MessageDeleted: m = ls,
+    MessageDeleted: u = ls,
     MessageIsThreadReplyInChannelButtonIndicator: w = os,
     MessageRepliesCountButton: v = is,
     ReminderNotification: D = cs,
     StreamedMessageText: P = ds,
     PinIndicator: q
-  } = ss("CustomMessage"), te = ms(a), K = us(a), ee = be(
+  } = ss("CustomMessage"), te = us(a), K = ms(a), ee = be(
     () => C == null ? void 0 : C(a),
     [C, a]
   ), V = be(
@@ -563,7 +563,7 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
   if (hs(a))
     return null;
   if (a.deleted_at || a.type === "deleted")
-    return /* @__PURE__ */ e(m, { message: a });
+    return /* @__PURE__ */ e(u, { message: a });
   if (fs(a))
     return /* @__PURE__ */ e(k, {});
   const W = !I && !!a.reply_count, Z = !I && a.show_in_channel && a.parent_id, Y = a.status === "failed" && (($ = a.error) == null ? void 0 : $.status) !== 403, J = gs(a);
@@ -589,7 +589,7 @@ const Ys = (t) => /* @__PURE__ */ e(Qe, { ...t, position: "center" }), Js = (t)
   ), U = a.poll_id && _.polls.fromState(a.poll_id), z = Zs(a);
   return /* @__PURE__ */ i(he, { children: [
     n && /* @__PURE__ */ e(
-      u,
+      m,
       {
         additionalMessageInputProps: s
       }
@@ -837,17 +837,17 @@ const ot = ({
   var a, M, I, _, f, p;
   const { channel: c } = Se(), r = B.useMemo(() => Object.values(c.state.members || {}).find(
     (y) => {
-      var u;
-      return ((u = y.user) == null ? void 0 : u.id) && y.user.id !== c._client.userID;
+      var m;
+      return ((m = y.user) == null ? void 0 : m.id) && y.user.id !== c._client.userID;
     }
   ), [c._client.userID, c.state.members]), d = ((a = r == null ? void 0 : r.user) == null ? void 0 : a.name) || ((M = r == null ? void 0 : r.user) == null ? void 0 : M.id) || "Unknown member", x = (I = r == null ? void 0 : r.user) == null ? void 0 : I.image, [h, C] = S(
     !!((_ = c.state.membership) != null && _.pinned_at)
   );
   H(() => {
     const b = (y) => {
-      var u;
+      var m;
       C(
-        y != null && y.member ? !!y.member.pinned_at : !!((u = c.state.membership) != null && u.pinned_at)
+        y != null && y.member ? !!y.member.pinned_at : !!((m = c.state.membership) != null && m.pinned_at)
       );
     };
     return c.on("member.updated", b), () => {
@@ -1008,7 +1008,7 @@ const ot = ({
   H(() => {
     y();
   }, [y]);
-  const u = async () => {
+  const m = async () => {
     var T;
     if (!_) {
       x == null || x(), a && console.log("[ChannelInfoDialog] Leave conversation", l.cid), f(!0);
@@ -1045,7 +1045,7 @@ const ot = ({
         b(!1);
       }
     }
-  }, m = () => {
+  }, u = () => {
     C == null || C(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -1112,7 +1112,7 @@ const ot = ({
               d && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
                 le,
                 {
-                  onClick: u,
+                  onClick: m,
                   disabled: _,
                   "aria-busy": _,
                   children: [
@@ -1144,7 +1144,7 @@ const ot = ({
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(le, { variant: "danger", onClick: m, children: [
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(le, { variant: "danger", onClick: u, children: [
                 /* @__PURE__ */ e(Bs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) })
@@ -1258,7 +1258,7 @@ const ot = ({
     const f = L(
       async (p, b, y) => {
         var v;
-        const u = ((v = t.data) == null ? void 0 : v.chatbot_paused) === !0, k = a && !u, g = {
+        const m = ((v = t.data) == null ? void 0 : v.chatbot_paused) === !0, k = a && !m, g = {
           ...b,
           ...k && { silent: !0 },
           ...M && {
@@ -1267,10 +1267,10 @@ const ot = ({
               ...M
             }
           }
-        }, m = {
+        }, u = {
           ...y,
           ...k && { skip_push: !0 }
-        }, w = await t.sendMessage(g, m);
+        }, w = await t.sendMessage(g, u);
         return I == null || I(w), w;
       },
       [t, a, M, I]
@@ -1353,7 +1353,7 @@ function dt({
     )
   ] });
 }
-const mt = ({
+const ut = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
@@ -1376,18 +1376,18 @@ const mt = ({
     (async () => {
       d && console.log("[ParticipantPicker] Loading initial participants..."), M(!0), _(null);
       try {
-        const m = await t.loadParticipants({
+        const u = await t.loadParticipants({
           search: "",
           // Load all participants initially
           limit: 100
         });
-        N(m.participants), b.current = !0, d && console.log(
+        N(u.participants), b.current = !0, d && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
-          m.participants.length
+          u.participants.length
         );
-      } catch (m) {
-        const w = m instanceof Error ? m.message : "Failed to load participants";
-        _(w), console.error("[ParticipantPicker] Failed to load participants:", m);
+      } catch (u) {
+        const w = u instanceof Error ? u.message : "Failed to load participants";
+        _(w), console.error("[ParticipantPicker] Failed to load participants:", u);
       } finally {
         M(!1);
       }
@@ -1396,22 +1396,22 @@ const mt = ({
   const y = C.filter((g) => !l.has(g.id)).filter((g) => {
     var w;
     if (!x) return !0;
-    const m = x.toLowerCase();
-    return g.name.toLowerCase().includes(m) || ((w = g.email) == null ? void 0 : w.toLowerCase().includes(m)) || !1;
-  }), u = L(
+    const u = x.toLowerCase();
+    return g.name.toLowerCase().includes(u) || ((w = g.email) == null ? void 0 : w.toLowerCase().includes(u)) || !1;
+  }), m = L(
     async (g) => {
       if (!f) {
         p(g.id);
         try {
           await s(g);
-        } catch (m) {
-          console.error("[ParticipantPicker] Failed to start chat:", m), p(null);
+        } catch (u) {
+          console.error("[ParticipantPicker] Failed to start chat:", u), p(null);
         }
       }
     },
     [s, f]
-  ), k = (g, m) => {
-    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), u(m));
+  ), k = (g, u) => {
+    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), m(u));
   };
   return /* @__PURE__ */ i("div", { className: F("flex flex-col h-full", r), children: [
     /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
@@ -1455,12 +1455,12 @@ const mt = ({
       /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: x ? "Try a different search term" : C.length > 0 ? `You have existing conversations with all your ${o}` : `${o.charAt(0).toUpperCase() + o.slice(1)} will appear here` })
     ] }) : /* @__PURE__ */ i("ul", { className: "space-y-0", children: [
       y.map((g) => {
-        const m = g.name || g.email || g.id, w = g.email && g.name ? g.email : g.phone;
+        const u = g.name || g.email || g.id, w = g.email && g.name ? g.email : g.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => u(g),
+            onClick: () => m(g),
             onKeyDown: (v) => k(v, g),
             className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus:outline-none focus:ring-2 focus:ring-black",
             children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
@@ -1469,13 +1469,13 @@ const mt = ({
                   X,
                   {
                     id: g.id,
-                    name: m,
+                    name: u,
                     image: g.image,
                     size: 40
                   }
                 ),
                 /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: m }),
+                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: u }),
                   w && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: w })
                 ] })
               ] }),
@@ -1490,7 +1490,7 @@ const mt = ({
       ] }) })
     ] }) })
   ] });
-}, ut = ({ className: t }) => /* @__PURE__ */ i(
+}, mt = ({ className: t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1626,7 +1626,7 @@ const mt = ({
   }
 ), Oe = B.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__ */ i("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(ut, {}),
+    /* @__PURE__ */ e(mt, {}),
     s && !t && /* @__PURE__ */ i("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" })
@@ -1672,10 +1672,10 @@ const yt = ({
 }) => {
   const {
     service: y,
-    client: u,
+    client: m,
     isConnected: k,
     isLoading: g,
-    error: m,
+    error: u,
     refreshConnection: w,
     debug: v
   } = As(), [D, P] = S(null), [q, te] = S(!1), [K, ee] = S(!1), [V, W] = S(!1), [Z, Y] = S(/* @__PURE__ */ new Set()), [J, T] = S(0), [R, U] = S(!1), [z, $] = S(null), Q = G(null), {
@@ -1683,7 +1683,7 @@ const yt = ({
     participantLabel: xe = "participants",
     showDeleteConversation: Ue = !0
   } = t, Be = B.useMemo(() => {
-    const E = u == null ? void 0 : u.userID;
+    const E = m == null ? void 0 : m.userID;
     return {
       ...{
         type: "messaging",
@@ -1695,13 +1695,13 @@ const yt = ({
       },
       ...h
     };
-  }, [h, u == null ? void 0 : u.userID]), ne = G(null), se = L(async () => {
-    if (!u || !k) return;
-    const E = u.userID;
+  }, [h, m == null ? void 0 : m.userID]), ne = G(null), se = L(async () => {
+    if (!m || !k) return;
+    const E = m.userID;
     if (E)
       try {
         v && console.log("[MessagingShell] Syncing channels for user:", E);
-        const A = await u.queryChannels(
+        const A = await m.queryChannels(
           {
             type: "messaging",
             members: { $in: [E] }
@@ -1710,35 +1710,35 @@ const yt = ({
           { limit: 100 }
         ), O = /* @__PURE__ */ new Set();
         A.forEach((j) => {
-          const me = j.state.members;
-          Object.values(me).forEach((Ve) => {
+          const ue = j.state.members;
+          Object.values(ue).forEach((Ve) => {
             var Ce;
-            const ue = (Ce = Ve.user) == null ? void 0 : Ce.id;
-            ue && ue !== E && O.add(ue);
+            const me = (Ce = Ve.user) == null ? void 0 : Ce.id;
+            me && me !== E && O.add(me);
           });
-        }), Y((j) => j.size === O.size && [...j].every((me) => O.has(me)) ? j : O), te(A.length > 0), ee(!0), ne.current = E, v && console.log("[MessagingShell] Channels synced successfully:", {
+        }), Y((j) => j.size === O.size && [...j].every((ue) => O.has(ue)) ? j : O), te(A.length > 0), ee(!0), ne.current = E, v && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: A.length,
           memberCount: O.size
         });
       } catch (A) {
         console.error("[MessagingShell] Failed to sync channels:", A);
       }
-  }, [u, k, v]);
+  }, [m, k, v]);
   H(() => {
-    if (!u || !k) return;
-    const E = u.userID;
+    if (!m || !k) return;
+    const E = m.userID;
     E && ne.current !== E && se();
-  }, [u, k, se]), H(() => {
-    if (!c || !u || !k) return;
+  }, [m, k, se]), H(() => {
+    if (!c || !m || !k) return;
     (async () => {
-      const A = u.userID;
+      const A = m.userID;
       if (A)
         try {
           v && console.log(
             "[MessagingShell] Loading initial conversation with:",
             c
           );
-          const O = await u.queryChannels(
+          const O = await m.queryChannels(
             {
               type: "messaging",
               members: { $eq: [A, c] }
@@ -1790,7 +1790,7 @@ const yt = ({
   }, [
     c,
     r,
-    u,
+    m,
     k,
     y,
     v,
@@ -1848,7 +1848,7 @@ const yt = ({
     },
     [se, v]
   ), ae = !!D;
-  return g ? /* @__PURE__ */ e("div", { className: F("h-full", s), children: /* @__PURE__ */ e(ce, {}) }) : m ? /* @__PURE__ */ e("div", { className: F("h-full", s), children: /* @__PURE__ */ e(ie, { message: m, onBack: w }) }) : !k || !u ? /* @__PURE__ */ e("div", { className: F("h-full", s), children: /* @__PURE__ */ e(
+  return g ? /* @__PURE__ */ e("div", { className: F("h-full", s), children: /* @__PURE__ */ e(ce, {}) }) : u ? /* @__PURE__ */ e("div", { className: F("h-full", s), children: /* @__PURE__ */ e(ie, { message: u, onBack: w }) }) : !k || !m ? /* @__PURE__ */ e("div", { className: F("h-full", s), children: /* @__PURE__ */ e(
     ie,
     {
       message: "Not connected to messaging service",
@@ -1942,7 +1942,7 @@ const yt = ({
             onClick: ze,
             onClose: re,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              mt,
+              ut,
               {
                 participantSource: ge,
                 onSelectParticipant: $e,
@@ -2022,29 +2022,29 @@ const yt = ({
     )
   ] }) });
 }, Et = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: l = 20 } = s, [o, c] = S([]), [r, d] = S(!1), [x, h] = S(null), [C, N] = S(n), [a, M] = S(!0), [I, _] = S(), f = L(async (u = !1, k) => {
+  const { initialSearch: n = "", pageSize: l = 20 } = s, [o, c] = S([]), [r, d] = S(!1), [x, h] = S(null), [C, N] = S(n), [a, M] = S(!0), [I, _] = S(), f = L(async (m = !1, k) => {
     if (r) return;
     const g = k !== void 0 ? k : C;
     d(!0), h(null);
     try {
-      const m = await t.loadParticipants({
+      const u = await t.loadParticipants({
         search: g || void 0,
         limit: l,
-        cursor: u ? void 0 : I
+        cursor: m ? void 0 : I
       });
       c(
-        (w) => u ? m.participants : [...w, ...m.participants]
-      ), M(m.hasMore), _(m.nextCursor);
-    } catch (m) {
-      const w = m instanceof Error ? m.message : "Failed to load participants";
-      h(w), console.error("[useParticipants] Load error:", m);
+        (w) => m ? u.participants : [...w, ...u.participants]
+      ), M(u.hasMore), _(u.nextCursor);
+    } catch (u) {
+      const w = u instanceof Error ? u.message : "Failed to load participants";
+      h(w), console.error("[useParticipants] Load error:", u);
     } finally {
       d(!1);
     }
   }, [t, C, I, l, r]), p = L(() => {
     a && !r && f(!1);
-  }, [a, r, f]), b = L((u) => {
-    N(u), _(void 0), f(!0, u);
+  }, [a, r, f]), b = L((m) => {
+    N(m), _(void 0), f(!0, m);
   }, [f]), y = L(() => {
     _(void 0), f(!0);
   }, [f]);
@@ -2071,7 +2071,7 @@ export {
   ht as FaqListItem,
   wt as MessagingProvider,
   yt as MessagingShell,
-  mt as ParticipantPicker,
+  ut as ParticipantPicker,
   zs as formatRelativeTime,
   As as useMessaging,
   Et as useParticipants