@linktr.ee/messaging-react 1.19.0 → 1.19.2

package/dist/index.js

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