@linktr.ee/messaging-react 1.22.0-rc-1771906339 → 1.22.0-rc-1771907607

package/dist/index.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as i, Fragment as ie } from "react/jsx-runtime";
 import D from "classnames";
 import B, { createContext as et, useContext as tt, useCallback as L, useState as I, useRef as q, useEffect as Y, useMemo as ye } from "react";
 import { StreamChatService as st } from "@linktr.ee/messaging-core";
-import { Chat as nt, ChannelList as rt, DateSeparator as at, useChannelStateContext as _e, useChatContext as Ae, areMessageUIPropsEqual as ot, useMessageReminder as lt, useComponentContext as it, Attachment as ct, EditMessageModal as dt, MessageBlocked as ut, MessageBouncePrompt as mt, MessageDeleted as ht, MessageIsThreadReplyInChannelButtonIndicator as ft, MessageRepliesCountButton as gt, ReminderNotification as xt, StreamedMessageText as bt, messageHasAttachments as Ct, messageHasReactions as Nt, isDateSeparatorMessage as vt, isMessageBlocked as wt, isMessageBounced as yt, MessageBounceModal as pt, Poll as Et, MessageText as _t, MessageErrorIcon as It, useMessageContext as St, useMessageComposer as Mt, useStateStore as kt, MessageInput as Dt, useMessageInputContext as Tt, useMessageComposerHasSendableData as Rt, SimpleAttachmentSelector as Ft, QuotedMessagePreview as Lt, AttachmentPreviewList as Pt, TextareaComposer as Ut, MessageTimestamp as ke, Channel as Ot, WithComponents as At, Window as Bt, MessageList as jt } from "stream-chat-react";
+import { Chat as nt, ChannelList as at, DateSeparator as rt, useChannelStateContext as _e, useChatContext as Ae, areMessageUIPropsEqual as ot, useMessageReminder as lt, useComponentContext as it, Attachment as ct, EditMessageModal as dt, MessageBlocked as ut, MessageBouncePrompt as mt, MessageDeleted as ht, MessageIsThreadReplyInChannelButtonIndicator as ft, MessageRepliesCountButton as gt, ReminderNotification as xt, StreamedMessageText as bt, messageHasAttachments as Ct, messageHasReactions as Nt, isDateSeparatorMessage as vt, isMessageBlocked as wt, isMessageBounced as yt, MessageBounceModal as pt, Poll as Et, MessageText as _t, MessageErrorIcon as It, useMessageContext as St, useMessageComposer as Mt, useStateStore as kt, MessageInput as Dt, useMessageInputContext as Tt, useMessageComposerHasSendableData as Rt, SimpleAttachmentSelector as Ft, QuotedMessagePreview as Lt, AttachmentPreviewList as Pt, TextareaComposer as Ut, MessageTimestamp as ke, Channel as Ot, WithComponents as At, Window as Bt, MessageList as jt } from "stream-chat-react";
 import { GiftIcon as $t, XIcon as Ie, ArrowUpIcon as Gt, SparkleIcon as zt, ArrowLeftIcon as De, StarIcon as Te, DotsThreeIcon as Re, SpinnerGapIcon as ge, SignOutIcon as Ht, ProhibitInsetIcon as Fe, FlagIcon as Vt, MagnifyingGlassIcon as Wt, ChatCircleDotsIcon as Le } from "@phosphor-icons/react";
 import { LinkPreviewsManager as Pe } from "stream-chat";
 const Be = et({
@@ -19,7 +19,7 @@ const Be = et({
   children: t,
   user: s,
   serviceConfig: n,
-  apiKey: a,
+  apiKey: r,
   capabilities: l = {},
   debug: d = !1
 }) => {
@@ -31,43 +31,43 @@ const Be = et({
   );
   o("🔄 RENDER START", {
     userId: s == null ? void 0 : s.id,
-    apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
+    apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [u, g] = I(null), [f, C] = I(null), [x, w] = I(!1), [r, p] = I(!1), [S, v] = I(null), k = q(!1), N = q({
+  const [u, g] = I(null), [f, C] = I(null), [x, w] = I(!1), [a, p] = I(!1), [S, v] = I(null), k = q(!1), N = q({
     userId: s == null ? void 0 : s.id,
-    apiKey: a,
+    apiKey: r,
     serviceConfig: n,
     capabilities: l
   }), m = q(0);
   m.current++, o("📊 RENDER INFO", {
     renderCount: m.current,
-    currentProps: { userId: s == null ? void 0 : s.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
+    currentProps: { userId: s == null ? void 0 : s.id, apiKey: (r == null ? void 0 : r.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: N.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: N.current.apiKey !== a,
+      apiKeyChanged: N.current.apiKey !== r,
       serviceConfigChanged: N.current.serviceConfig !== n,
       capabilitiesChanged: N.current.capabilities !== l
     }
   }), N.current = {
     userId: s == null ? void 0 : s.id,
-    apiKey: a,
+    apiKey: r,
     serviceConfig: n,
     capabilities: l
   }, Y(() => {
     const c = m.current;
     if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: c,
-      apiKey: !!a,
+      apiKey: !!r,
       serviceConfig: !!n,
       dependencies: {
-        apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
+        apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
         serviceConfigRef: n,
         serviceConfigStable: N.current.serviceConfig === n,
-        apiKeyStable: N.current.apiKey === a
+        apiKeyStable: N.current.apiKey === r
       }
-    }), !a || !n) {
+    }), !r || !n) {
       o("⚠️ SERVICE INIT SKIPPED", {
         renderCount: c,
         reason: "Missing apiKey or serviceConfig"
@@ -76,12 +76,12 @@ const Be = et({
     }
     o("🚀 CREATING NEW SERVICE", {
       renderCount: c,
-      apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
+      apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
       serviceConfigChanged: N.current.serviceConfig !== n
     });
     const b = new st({
       ...n,
-      apiKey: a,
+      apiKey: r,
       debug: d
     });
     return g(b), o("✅ SERVICE SET", {
@@ -93,7 +93,7 @@ const Be = et({
         reason: "Effect cleanup"
       }), b.disconnectUser().catch(console.error);
     };
-  }, [a, n, d, o]);
+  }, [r, n, d, o]);
   const y = q(null);
   Y(() => {
     var b, A;
@@ -179,14 +179,14 @@ const Be = et({
     hasService: !!u,
     hasClient: !!f,
     isConnected: x,
-    isLoading: r,
+    isLoading: a,
     hasError: !!S,
     capabilitiesKeys: Object.keys(l)
   }), {
     service: u,
     client: f,
     isConnected: x,
-    isLoading: r,
+    isLoading: a,
     error: S,
     capabilities: l,
     refreshConnection: T,
@@ -195,7 +195,7 @@ const Be = et({
     u,
     f,
     x,
-    r,
+    a,
     S,
     l,
     T,
@@ -227,12 +227,12 @@ const Be = et({
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Yt(t, s);
-  return a === 0 ? t.toLocaleTimeString([], {
+  const r = Yt(t, s);
+  return r === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
     hour12: !0
-  }) : a === 1 ? "Yesterday" : a < 7 ? `${a}d` : a < 28 ? `${Math.floor(a / 7)}w` : t.toLocaleDateString("en-US", {
+  }) : r === 1 ? "Yesterday" : r < 7 ? `${r}d` : r < 28 ? `${Math.floor(r / 7)}w` : t.toLocaleDateString("en-US", {
     month: "numeric",
     day: "numeric",
     year: "2-digit"
@@ -268,8 +268,8 @@ const Be = et({
 function Jt(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
-    const a = t.charCodeAt(n);
-    s = (s << 5) - s + a, s = s & s;
+    const r = t.charCodeAt(n);
+    s = (s << 5) - s + r, s = s & s;
   }
   return Math.abs(s);
 }
@@ -281,7 +281,7 @@ const ee = ({
   id: t,
   image: s,
   size: n = 40,
-  className: a,
+  className: r,
   shape: l = "squircle"
 }) => {
   const d = Qt(t), u = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", g = l === "circle" ? { borderRadius: "50%" } : {
@@ -291,7 +291,7 @@ const ee = ({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: D("flex-shrink-0 overflow-hidden", a),
+      className: D("flex-shrink-0 overflow-hidden", r),
       style: {
         width: `${n}px`,
         height: `${n}px`,
@@ -317,19 +317,20 @@ const ee = ({
       )
     }
   );
-}, Xt = ({ size: t = 12 }) => /* @__PURE__ */ e(
+}, Xt = ({ size: t = 15 }) => /* @__PURE__ */ e(
   "svg",
   {
     width: t,
     height: t,
-    viewBox: "0 0 10 10",
+    viewBox: "0 0 15 15",
     fill: "none",
     "aria-hidden": "true",
     children: /* @__PURE__ */ e(
       "path",
       {
-        d: "M10.003 5a.705.705 0 0 1-.469.67L6.7 6.7 5.67 9.535a.715.715 0 0 1-1.34 0L3.3 6.7.466 5.67a.715.715 0 0 1 0-1.34L3.3 3.3 4.33.466a.715.715 0 0 1 1.34 0L6.7 3.3l2.834 1.03a.705.705 0 0 1 .469.67",
-        fill: "currentColor"
+        d: "M12.003 9a.985.985 0 0 1-.652.934l-3.223 1.191-1.188 3.226a.995.995 0 0 1-1.867 0l-1.195-3.226L.65 9.937a.995.995 0 0 1 0-1.867l3.227-1.195 1.187-3.226a.995.995 0 0 1 1.868 0l1.195 3.226 3.226 1.187a.99.99 0 0 1 .649.938m3-5.83a.52.52 0 0 1-.344.492l-1.702.63-.627 1.703a.525.525 0 0 1-.986 0l-.63-1.704-1.704-.627a.525.525 0 0 1 0-.986l1.703-.63.627-1.704a.526.526 0 0 1 .986 0l.631 1.703 1.704.627a.52.52 0 0 1 .342.495",
+        fill: "currentColor",
+        fillOpacity: 0.55
       }
     )
   }
@@ -349,7 +350,7 @@ const ee = ({
   message: t,
   standalone: s = !1,
   isMyMessage: n = !1,
-  hasAttachment: a = !1
+  hasAttachment: r = !1
 }) => {
   var x;
   const l = je(t), d = Se(t);
@@ -358,13 +359,13 @@ const ee = ({
   if (l) {
     const w = (x = t.metadata) == null ? void 0 : x.amount_text;
     if (!w) return null;
-    const r = s ? "message-tip-standalone" : "message-tag message-tag--tip", p = s ? `${w} tip` : `Delivered with ${w} tip`;
-    return /* @__PURE__ */ i("div", { className: r, children: [
+    const a = s ? "message-tip-standalone" : "message-tag message-tag--tip", p = s ? `${w} tip` : `Delivered with ${w} tip`;
+    return /* @__PURE__ */ i("div", { className: a, children: [
       /* @__PURE__ */ e($t, { size: s ? 14 : 12 }),
       /* @__PURE__ */ e("span", { children: p })
     ] });
   }
-  const o = n && a, u = o ? "Sent with AI" : "Sent with DM Agent", g = [
+  const o = n && r, u = o ? "Sent with AI" : "Sent with DM Agent", g = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
@@ -381,7 +382,7 @@ const ee = ({
     channel: t,
     selectedChannel: s,
     onChannelSelect: n,
-    debug: a = !1,
+    debug: r = !1,
     unread: l,
     renderMessagePreview: d
   }) => {
@@ -396,13 +397,13 @@ const ee = ({
         var R, M;
         return ((R = _.user) == null ? void 0 : R.id) && _.user.id !== ((M = t == null ? void 0 : t._client) == null ? void 0 : M.userID);
       }
-    ), x = ((T = C == null ? void 0 : C.user) == null ? void 0 : T.name) || "Conversation", w = (h = C == null ? void 0 : C.user) == null ? void 0 : h.image, r = (b = (c = t == null ? void 0 : t.state) == null ? void 0 : c.messages) == null ? void 0 : b[t.state.messages.length - 1], S = (() => {
+    ), x = ((T = C == null ? void 0 : C.user) == null ? void 0 : T.name) || "Conversation", w = (h = C == null ? void 0 : C.user) == null ? void 0 : h.image, a = (b = (c = t == null ? void 0 : t.state) == null ? void 0 : c.messages) == null ? void 0 : b[t.state.messages.length - 1], S = (() => {
       var R;
-      if (r != null && r.text) return r.text;
-      const _ = (R = r == null ? void 0 : r.attachments) == null ? void 0 : R[0];
+      if (a != null && a.text) return a.text;
+      const _ = (R = a == null ? void 0 : a.attachments) == null ? void 0 : R[0];
       return _ ? _.og_scrape_url ? _.og_scrape_url : _.type === "image" ? "📷 Sent an image" : _.type === "video" ? "🎥 Sent a video" : _.type === "audio" ? "🎵 Sent audio" : _.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), v = r != null && r.created_at ? Zt(new Date(r.created_at)) : "", k = r ? Se(r) : !1, N = d ? d(r, S) : `${k ? "✨ " : ""}${S}`, m = l ?? 0;
-    return a && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
+    })(), v = a != null && a.created_at ? Zt(new Date(a.created_at)) : "", k = a ? Se(a) : !1, N = d ? d(a, S) : `${k ? "✨ " : ""}${S}`, m = l ?? 0;
+    return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: o,
       participantName: x,
@@ -463,7 +464,7 @@ const Ge = B.memo(
     onChannelSelect: t,
     selectedChannel: s,
     filters: n,
-    className: a,
+    className: r,
     customEmptyStateIndicator: l,
     renderMessagePreview: d
   }) => {
@@ -490,10 +491,10 @@ const Ge = B.memo(
       {
         className: D(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          a
+          r
         ),
         children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(
-          rt,
+          at,
           {
             filters: n,
             sort: { last_message_at: -1 },
@@ -512,7 +513,7 @@ const fe = ({
   variant: t = "default",
   className: s,
   children: n,
-  ...a
+  ...r
 }) => /* @__PURE__ */ e(
   "button",
   {
@@ -522,11 +523,11 @@ const fe = ({
       t === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       s
     ),
-    ...a,
+    ...r,
     children: n
   }
 );
-function ze({ label: t, className: s, children: n, ...a }) {
+function ze({ label: t, className: s, children: n, ...r }) {
   return /* @__PURE__ */ i(
     "button",
     {
@@ -534,12 +535,12 @@ function ze({ label: t, className: s, children: n, ...a }) {
       className: D(
         "rounded-full p-2 transition-colors focus-ring",
         {
-          "cursor-not-allowed opacity-50": a.disabled,
-          "hover:bg-sand": !a.disabled
+          "cursor-not-allowed opacity-50": r.disabled,
+          "hover:bg-sand": !r.disabled
         },
         s
       ),
-      ...a,
+      ...r,
       children: [
         /* @__PURE__ */ e("span", { className: "sr-only", children: t }),
         n
@@ -550,38 +551,38 @@ function ze({ label: t, className: s, children: n, ...a }) {
 function He({ onClick: t }) {
   return /* @__PURE__ */ e(ze, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Ie, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const ss = (t) => /* @__PURE__ */ e(at, { ...t, position: "center" }), pe = "vote_up", Ee = "vote_down";
+const ss = (t) => /* @__PURE__ */ e(rt, { ...t, position: "center" }), pe = "vote_up", Ee = "vote_down";
 function ns(t) {
   return t != null && t.length ? t.some((s) => s.type === Ee) ? "down" : t.some((s) => s.type === pe) ? "up" : null : null;
 }
-function rs(t) {
-  const { channel: s } = _e(), { client: n } = Ae("useMessageVote"), a = ye(
+function as(t) {
+  const { channel: s } = _e(), { client: n } = Ae("useMessageVote"), r = ye(
     () => ns(t.own_reactions),
     [t.own_reactions]
   ), l = L(async () => {
     if (n != null && n.userID)
       try {
-        a === "up" ? await s.deleteReaction(t.id, pe) : await s.sendReaction(
+        r === "up" ? await s.deleteReaction(t.id, pe) : await s.sendReaction(
           t.id,
           { type: pe },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, a]), d = L(async () => {
+  }, [s, n == null ? void 0 : n.userID, t.id, r]), d = L(async () => {
     if (n != null && n.userID)
       try {
-        a === "down" ? await s.deleteReaction(t.id, Ee) : await s.sendReaction(
+        r === "down" ? await s.deleteReaction(t.id, Ee) : await s.sendReaction(
           t.id,
           { type: Ee },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, a]);
-  return { selected: a, voteUp: l, voteDown: d };
+  }, [s, n == null ? void 0 : n.userID, t.id, r]);
+  return { selected: r, voteUp: l, voteDown: d };
 }
-const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+const rs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M4.667 7.333l2.666-6A1.333 1.333 0 018.667 2v2.667a.667.667 0 00.666.666h3.764a1.334 1.334 0 011.192 1.93l-2.333 4.666a1.333 1.333 0 01-1.193.738H4.667m0-5.334v5.334m0-5.334H2.667a1.333 1.333 0 00-1.334 1.334v2.666a1.333 1.333 0 001.334 1.334h2",
@@ -614,7 +615,7 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(as, { filled: t === "up" })
+      children: /* @__PURE__ */ e(rs, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -633,7 +634,7 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
-    editing: a,
+    editing: r,
     endOfGroup: l,
     firstOfGroup: d,
     groupedByUser: o,
@@ -643,10 +644,10 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     highlighted: C,
     isMessageAIGenerated: x,
     isMyMessage: w,
-    message: r,
+    message: a,
     renderText: p,
     threadList: S
-  } = t, { client: v } = Ae("CustomMessage"), [k, N] = I(!1), m = lt(r.id), { selected: y, voteUp: T, voteDown: h } = rs(r), {
+  } = t, { client: v } = Ae("CustomMessage"), [k, N] = I(!1), m = lt(a.id), { selected: y, voteUp: T, voteDown: h } = as(a), {
     Attachment: c = ct,
     EditMessageModal: b = dt,
     MessageBlocked: A = ut,
@@ -657,42 +658,42 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     ReminderNotification: H = xt,
     StreamedMessageText: te = bt,
     PinIndicator: J
-  } = it("CustomMessage"), se = Ct(r), ne = Nt(r), le = ye(
-    () => x == null ? void 0 : x(r),
-    [x, r]
+  } = it("CustomMessage"), se = Ct(a), ne = Nt(a), le = ye(
+    () => x == null ? void 0 : x(a),
+    [x, a]
   ), j = ye(
-    () => !r.shared_location && !r.attachments ? [] : r.shared_location ? [r.shared_location, ...r.attachments ?? []] : r.attachments,
-    [r]
+    () => !a.shared_location && !a.attachments ? [] : a.shared_location ? [a.shared_location, ...a.attachments ?? []] : a.attachments,
+    [a]
   );
-  if (vt(r))
+  if (vt(a))
     return null;
-  if (r.deleted_at || r.type === "deleted")
-    return /* @__PURE__ */ e(R, { message: r });
-  if (wt(r))
+  if (a.deleted_at || a.type === "deleted")
+    return /* @__PURE__ */ e(R, { message: a });
+  if (wt(a))
     return /* @__PURE__ */ e(A, {});
-  const Q = !S && !!r.reply_count, P = !S && r.show_in_channel && r.parent_id, U = r.status === "failed" && ((ue = r.error) == null ? void 0 : ue.status) !== 403, V = yt(r);
+  const Q = !S && !!a.reply_count, P = !S && a.show_in_channel && a.parent_id, U = a.status === "failed" && ((ue = a.error) == null ? void 0 : ue.status) !== 403, V = yt(a);
   let F;
-  U ? F = () => f(r) : V && (F = () => N(!0));
+  U ? F = () => f(a) : V && (F = () => N(!0));
   const G = w(), ce = D(
     "str-chat__message str-chat__message-simple",
-    `str-chat__message--${r.type}`,
-    `str-chat__message--${r.status}`,
+    `str-chat__message--${a.type}`,
+    `str-chat__message--${a.status}`,
     G ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
-    r.text ? "str-chat__message--has-text" : "has-no-text",
+    a.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": se,
       "str-chat__message--highlighted": C,
-      "str-chat__message--pinned pinned-message": r.pinned,
+      "str-chat__message--pinned pinned-message": a.pinned,
       "str-chat__message--with-reactions": ne,
-      "str-chat__message-send-can-be-retried": (r == null ? void 0 : r.status) === "failed" && ((K = r == null ? void 0 : r.error) == null ? void 0 : K.status) !== 403,
+      "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((K = a == null ? void 0 : a.error) == null ? void 0 : K.status) !== 403,
       "str-chat__message-with-thread-link": Q || P,
       "str-chat__virtual-message__wrapper--end": l,
       "str-chat__virtual-message__wrapper--first": d,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Z = r.poll_id && v.polls.fromState(r.poll_id), re = ts(r), X = Se(r), ae = !!(j != null && j.length && !r.quoted_message), de = X && G && ae;
+  ), Z = a.poll_id && v.polls.fromState(a.poll_id), ae = ts(a), X = Se(a), re = !!(j != null && j.length && !a.quoted_message), de = X && G && re;
   return /* @__PURE__ */ i(ie, { children: [
-    a && /* @__PURE__ */ e(
+    r && /* @__PURE__ */ e(
       b,
       {
         additionalMessageInputProps: s
@@ -709,13 +710,13 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     /* @__PURE__ */ i("div", { className: ce, children: [
       J && /* @__PURE__ */ e(J, {}),
       !!m && /* @__PURE__ */ e(H, { reminder: m }),
-      r.user && /* @__PURE__ */ e(
+      a.user && /* @__PURE__ */ e(
         ee,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
-          id: r.user.id,
-          image: r.user.image,
-          name: r.user.name || r.user.id
+          id: a.user.id,
+          image: a.user.image,
+          name: a.user.name || a.user.id
         }
       ),
       /* @__PURE__ */ e(
@@ -735,21 +736,21 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             marginInlineEnd: 0,
             marginInlineStart: 0
           },
-          children: re ? (
+          children: ae ? (
             /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ e(we, { message: r, standalone: !0 })
+            /* @__PURE__ */ e(we, { message: a, standalone: !0 })
           ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
               X && !de && /* @__PURE__ */ e(
                 we,
                 {
-                  message: r,
-                  hasAttachment: ae,
+                  message: a,
+                  hasAttachment: re,
                   isMyMessage: G
                 }
               ),
               Z && /* @__PURE__ */ e(Et, { poll: Z }),
-              j != null && j.length && !r.quoted_message ? /* @__PURE__ */ e(
+              j != null && j.length && !a.quoted_message ? /* @__PURE__ */ e(
                 c,
                 {
                   actionHandler: u,
@@ -759,17 +760,17 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
               le ? /* @__PURE__ */ e(
                 te,
                 {
-                  message: r,
+                  message: a,
                   renderText: p
                 }
-              ) : /* @__PURE__ */ e(_t, { message: r, renderText: p }),
+              ) : /* @__PURE__ */ e(_t, { message: a, renderText: p }),
               /* @__PURE__ */ e(It, {})
             ] }),
             (!X || de) && /* @__PURE__ */ e(
               we,
               {
-                message: r,
-                hasAttachment: ae,
+                message: a,
+                hasAttachment: re,
                 isMyMessage: G
               }
             ),
@@ -788,11 +789,11 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
         W,
         {
           onClick: g,
-          reply_count: r.reply_count
+          reply_count: a.reply_count
         }
       ),
       P && /* @__PURE__ */ e(M, {})
-    ] }, r.id)
+    ] }, a.id)
   ] });
 }, cs = B.memo(
   is,
@@ -808,7 +809,7 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   link: t,
   onDismiss: s
 }) => {
-  const { og_scrape_url: n, title: a, image_url: l } = t;
+  const { og_scrape_url: n, title: r, image_url: l } = t;
   return /* @__PURE__ */ i(
     "a",
     {
@@ -821,7 +822,7 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           "img",
           {
             src: l,
-            alt: a || "",
+            alt: r || "",
             className: "h-[148px] w-full rounded-[20px] object-cover"
           }
         ),
@@ -838,7 +839,7 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           }
         ),
         /* @__PURE__ */ i("div", { className: "p-2", children: [
-          a && /* @__PURE__ */ e("div", { className: "text-[14px] font-medium leading-5 text-white", children: a }),
+          r && /* @__PURE__ */ e("div", { className: "text-[14px] font-medium leading-5 text-white", children: r }),
           /* @__PURE__ */ e("div", { className: "text-[12px] leading-4 text-white/55", children: n })
         ] })
       ]
@@ -903,18 +904,18 @@ const as = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
 }, Oe = (t) => xs.includes(t), Cs = (t) => {
-  var a;
-  const s = (a = t.metadata) == null ? void 0 : a.custom_type;
+  var r;
+  const s = (r = t.metadata) == null ? void 0 : r.custom_type;
   if (Oe(s))
     return s;
   const n = t.dm_agent_system_type;
   if (Oe(n))
     return n;
 }, Ns = (t) => {
-  var a;
+  var r;
   const s = t.message.hide_date === !0, n = Cs(t.message);
   if (n) {
-    const l = ((a = t.message.text) == null ? void 0 : a.trim()) || bs[n];
+    const l = ((r = t.message.text) == null ? void 0 : r.trim()) || bs[n];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -999,16 +1000,16 @@ const ys = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
-  canShowInfo: a,
+  canShowInfo: r,
   showStarButton: l = !1
 }) => {
-  var w, r, p, S, v, k;
+  var w, a, p, S, v, k;
   const { channel: d } = _e(), o = B.useMemo(() => Object.values(d.state.members || {}).find(
     (m) => {
       var y;
       return ((y = m.user) == null ? void 0 : y.id) && m.user.id !== d._client.userID;
     }
-  ), [d._client.userID, d.state.members]), u = ((w = o == null ? void 0 : o.user) == null ? void 0 : w.name) || ((r = o == null ? void 0 : o.user) == null ? void 0 : r.id) || "Unknown member", g = (p = o == null ? void 0 : o.user) == null ? void 0 : p.image, [f, C] = I(
+  ), [d._client.userID, d.state.members]), u = ((w = o == null ? void 0 : o.user) == null ? void 0 : w.name) || ((a = o == null ? void 0 : o.user) == null ? void 0 : a.id) || "Unknown member", g = (p = o == null ? void 0 : o.user) == null ? void 0 : p.image, [f, C] = I(
     !!((S = d.state.membership) != null && S.pinned_at)
   );
   Y(() => {
@@ -1134,7 +1135,7 @@ const ys = ({
             )
           }
         ),
-        a && n && /* @__PURE__ */ e(
+        r && n && /* @__PURE__ */ e(
           "button",
           {
             className: "size-10 rounded-full bg-[#F1F0EE] flex items-center justify-center",
@@ -1151,7 +1152,7 @@ const ys = ({
   dialogRef: t,
   onClose: s,
   participant: n,
-  channel: a,
+  channel: r,
   followerStatusLabel: l,
   onLeaveConversation: d,
   onBlockParticipant: o,
@@ -1162,7 +1163,7 @@ const ys = ({
   customChannelActions: x
 }) => {
   var te, J, se, ne, le, j, Q;
-  const { service: w, debug: r } = Ce(), [p, S] = I(!1), [v, k] = I(!1), [N, m] = I(!1), y = L(async () => {
+  const { service: w, debug: a } = Ce(), [p, S] = I(!1), [v, k] = I(!1), [N, m] = I(!1), y = L(async () => {
     var P;
     if (!(!w || !((P = n == null ? void 0 : n.user) != null && P.id)))
       try {
@@ -1186,10 +1187,10 @@ const ys = ({
   const T = async () => {
     var P;
     if (!v) {
-      g == null || g(), r && console.log("[ChannelInfoDialog] Leave conversation", a.cid), k(!0);
+      g == null || g(), a && console.log("[ChannelInfoDialog] Leave conversation", r.cid), k(!0);
       try {
-        const U = ((P = a._client) == null ? void 0 : P.userID) ?? null;
-        await a.hide(U, !1), d && await d(a), s();
+        const U = ((P = r._client) == null ? void 0 : P.userID) ?? null;
+        await r.hide(U, !1), d && await d(r), s();
       } catch (U) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", U);
       } finally {
@@ -1199,7 +1200,7 @@ const ys = ({
   }, h = async () => {
     var P, U, V;
     if (!(N || !w)) {
-      f == null || f(), r && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), m(!0);
+      f == null || f(), a && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), m(!0);
       try {
         await w.blockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), o && await o((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), s();
       } catch (F) {
@@ -1211,7 +1212,7 @@ const ys = ({
   }, c = async () => {
     var P, U, V;
     if (!(N || !w)) {
-      f == null || f(), r && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), m(!0);
+      f == null || f(), a && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), m(!0);
       try {
         await w.unBlockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), o && await o((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), s();
       } catch (F) {
@@ -1334,7 +1335,7 @@ const ys = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
-  onLeaveConversation: a,
+  onLeaveConversation: r,
   onBlockParticipant: l,
   showDeleteConversation: d = !0,
   onDeleteConversationClick: o,
@@ -1345,18 +1346,18 @@ const ys = ({
   renderChannelBanner: x,
   customChannelActions: w
 }) => {
-  const { channel: r } = _e(), p = q(null), S = B.useMemo(() => Object.values(r.state.members || {}).find(
+  const { channel: a } = _e(), p = q(null), S = B.useMemo(() => Object.values(a.state.members || {}).find(
     (y) => {
       var T;
-      return ((T = y.user) == null ? void 0 : T.id) && y.user.id !== r._client.userID;
+      return ((T = y.user) == null ? void 0 : T.id) && y.user.id !== a._client.userID;
     }
-  ), [r._client.userID, r.state.members]), v = B.useMemo(() => {
-    const m = r.data ?? {};
+  ), [a._client.userID, a.state.members]), v = B.useMemo(() => {
+    const m = a.data ?? {};
     if (m.followerStatus)
       return String(m.followerStatus);
     if (m.isFollower !== void 0)
       return m.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [r.data]), k = L(() => {
+  }, [a.data]), k = L(() => {
     var m;
     (m = p.current) == null || m.showModal();
   }, []), N = L(() => {
@@ -1393,7 +1394,7 @@ const ys = ({
           /* @__PURE__ */ e(
             gs,
             {
-              renderActions: () => n == null ? void 0 : n(r)
+              renderActions: () => n == null ? void 0 : n(a)
             }
           )
         ] })
@@ -1405,9 +1406,9 @@ const ys = ({
         dialogRef: p,
         onClose: N,
         participant: S,
-        channel: r,
+        channel: a,
         followerStatusLabel: v,
-        onLeaveConversation: a,
+        onLeaveConversation: r,
         onBlockParticipant: l,
         showDeleteConversation: d,
         onDeleteConversationClick: o,
@@ -1422,7 +1423,7 @@ const ys = ({
     channel: t,
     onBack: s,
     showBackButton: n = !1,
-    renderMessageInputActions: a,
+    renderMessageInputActions: r,
     onLeaveConversation: l,
     onBlockParticipant: d,
     className: o,
@@ -1432,7 +1433,7 @@ const ys = ({
     onBlockParticipantClick: C,
     onReportParticipantClick: x,
     dmAgentEnabled: w,
-    messageMetadata: r,
+    messageMetadata: a,
     onMessageSent: p,
     showStarButton: S = !1,
     chatbotVotingEnabled: v = !1,
@@ -1445,10 +1446,10 @@ const ys = ({
         const c = ((M = t.data) == null ? void 0 : M.chatbot_paused) === !0, b = w && !c, A = {
           ...T,
           ...b && { silent: !0 },
-          ...r && {
+          ...a && {
             metadata: {
               ...T.metadata ?? {},
-              ...r
+              ...a
             }
           }
         }, _ = {
@@ -1457,7 +1458,7 @@ const ys = ({
         }, R = await t.sendMessage(A, _);
         return p == null || p(R), R;
       },
-      [t, w, r, p]
+      [t, w, a, p]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -1480,7 +1481,7 @@ const ys = ({
               {
                 onBack: s,
                 showBackButton: n,
-                renderMessageInputActions: a,
+                renderMessageInputActions: r,
                 onLeaveConversation: l,
                 onBlockParticipant: d,
                 CustomChannelEmptyState: u,
@@ -1506,7 +1507,7 @@ function _s({
   setSearchQuery: s,
   placeholder: n
 }) {
-  const a = q(null);
+  const r = q(null);
   return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
       Wt,
@@ -1518,7 +1519,7 @@ function _s({
     /* @__PURE__ */ e(
       "input",
       {
-        ref: a,
+        ref: r,
         type: "text",
         placeholder: n,
         value: t,
@@ -1532,7 +1533,7 @@ function _s({
         label: "Clear search",
         onClick: () => {
           var l;
-          s(""), (l = a.current) == null || l.focus();
+          s(""), (l = r.current) == null || l.focus();
         },
         className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal",
         children: /* @__PURE__ */ e(Ie, { className: "h-4 w-4", weight: "bold" })
@@ -1544,12 +1545,12 @@ const Is = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
-  existingParticipantIds: a = /* @__PURE__ */ new Set(),
+  existingParticipantIds: r = /* @__PURE__ */ new Set(),
   participantLabel: l = "participants",
   searchPlaceholder: d = "Search participants...",
   className: o
 }) => {
-  const { debug: u } = Ce(), [g, f] = I(""), [C, x] = I([]), [w, r] = I(!1), [p, S] = I(null), [v, k] = I(
+  const { debug: u } = Ce(), [g, f] = I(""), [C, x] = I([]), [w, a] = I(!1), [p, S] = I(null), [v, k] = I(
     null
   ), N = q(!1);
   Y(() => {
@@ -1561,7 +1562,7 @@ const Is = ({
     }
     if (N.current) return;
     (async () => {
-      u && console.log("[ParticipantPicker] Loading initial participants..."), r(!0), S(null);
+      u && console.log("[ParticipantPicker] Loading initial participants..."), a(!0), S(null);
       try {
         const c = await t.loadParticipants({
           search: "",
@@ -1576,11 +1577,11 @@ const Is = ({
         const b = c instanceof Error ? c.message : "Failed to load participants";
         S(b), console.error("[ParticipantPicker] Failed to load participants:", c);
       } finally {
-        r(!1);
+        a(!1);
       }
     })();
   }, [t.loading, u]);
-  const m = C.filter((h) => !a.has(h.id)).filter((h) => {
+  const m = C.filter((h) => !r.has(h.id)).filter((h) => {
     var b;
     if (!g) return !0;
     const c = g.toLowerCase();
@@ -1840,7 +1841,7 @@ const Os = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
-  onChannelSelect: a,
+  onChannelSelect: r,
   onParticipantSelect: l,
   initialParticipantFilter: d,
   initialParticipantData: o,
@@ -1850,7 +1851,7 @@ const Os = ({
   channelListCustomEmptyStateIndicator: C,
   onDeleteConversationClick: x,
   onBlockParticipantClick: w,
-  onReportParticipantClick: r,
+  onReportParticipantClick: a,
   dmAgentEnabled: p,
   messageMetadata: S,
   onMessageSent: v,
@@ -1868,9 +1869,9 @@ const Os = ({
     error: _,
     refreshConnection: R,
     debug: M
-  } = qt(), [W, H] = I(null), [te, J] = I(!1), [se, ne] = I(!1), [le, j] = I(!1), [Q, P] = I(/* @__PURE__ */ new Set()), [U, V] = I(0), [F, G] = I(!1), [ce, Z] = I(null), re = q(null), {
+  } = qt(), [W, H] = I(null), [te, J] = I(!1), [se, ne] = I(!1), [le, j] = I(!1), [Q, P] = I(/* @__PURE__ */ new Set()), [U, V] = I(0), [F, G] = I(!1), [ce, Z] = I(null), ae = q(null), {
     participantSource: X,
-    participantLabel: ae = "participants",
+    participantLabel: re = "participants",
     showDeleteConversation: de = !0
   } = t, ue = B.useMemo(() => {
     const E = c == null ? void 0 : c.userID;
@@ -1937,7 +1938,7 @@ const Os = ({
             { limit: 1 }
           );
           if (O.length > 0)
-            H(O[0]), G(!0), Z(null), a && a(O[0]), M && console.log(
+            H(O[0]), G(!0), Z(null), r && r(O[0]), M && console.log(
               "[MessagingShell] Initial conversation loaded:",
               O[0].id
             );
@@ -1953,7 +1954,7 @@ const Os = ({
                 email: o.email,
                 phone: o.phone
               });
-              H($), G(!0), Z(null), a && a($), M && console.log(
+              H($), G(!0), Z(null), r && r($), M && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 $.id
               );
@@ -1984,13 +1985,13 @@ const Os = ({
     b,
     h,
     M,
-    a
+    r
   ]);
   const qe = L(
     (E) => {
-      H(E), a == null || a(E);
+      H(E), r == null || r(E);
     },
-    [a]
+    [r]
   ), Ye = L(() => {
     F || H(null);
   }, [F]), Ze = L(
@@ -2013,7 +2014,7 @@ const Os = ({
           } catch ($) {
             console.warn("[MessagingShell] Failed to unhide channel:", $);
           }
-          H(O), j(!1), (z = re.current) == null || z.close(), l == null || l(E);
+          H(O), j(!1), (z = ae.current) == null || z.close(), l == null || l(E);
         } catch (O) {
           console.error("[MessagingShell] Failed to start conversation:", O);
         }
@@ -2021,10 +2022,10 @@ const Os = ({
     [h, l, M]
   ), me = L(() => {
     var E;
-    j(!1), (E = re.current) == null || E.close();
+    j(!1), (E = ae.current) == null || E.close();
   }, []), Je = L(
     (E) => {
-      E.target === re.current && me();
+      E.target === ae.current && me();
     },
     [me]
   ), Qe = L(
@@ -2104,7 +2105,7 @@ const Os = ({
                   showDeleteConversation: de,
                   onDeleteConversationClick: x,
                   onBlockParticipantClick: w,
-                  onReportParticipantClick: r,
+                  onReportParticipantClick: a,
                   dmAgentEnabled: p,
                   messageMetadata: S,
                   onMessageSent: v,
@@ -2130,7 +2131,7 @@ const Os = ({
         /* @__PURE__ */ e(
           "dialog",
           {
-            ref: re,
+            ref: ae,
             className: "mes-dialog",
             onClick: Je,
             onClose: me,
@@ -2141,8 +2142,8 @@ const Os = ({
                 onSelectParticipant: Ze,
                 onClose: me,
                 existingParticipantIds: Q,
-                participantLabel: ae,
-                searchPlaceholder: `Search ${ae}...`
+                participantLabel: re,
+                searchPlaceholder: `Search ${re}...`
               },
               U
             ) })
@@ -2155,7 +2156,7 @@ const Os = ({
   question: t,
   onClick: s,
   loading: n = !1,
-  className: a
+  className: r
 }) => /* @__PURE__ */ e(
   "button",
   {
@@ -2169,7 +2170,7 @@ const Os = ({
         "hover:brightness-95 active:brightness-90": !n,
         "opacity-50 cursor-not-allowed": n
       },
-      a
+      r
     ),
     children: t
   }
@@ -2177,7 +2178,7 @@ const Os = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
-  headerText: a,
+  headerText: r,
   className: l,
   avatarImage: d,
   avatarName: o
@@ -2200,7 +2201,7 @@ const Os = ({
         className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
         style: { backgroundColor: "#F1F0EE" },
         children: [
-          a && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: a }),
+          r && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: r }),
           u.map((g) => /* @__PURE__ */ e(
             Ms,
             {
@@ -2215,26 +2216,26 @@ const Os = ({
     )
   ] }) });
 }, Bs = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: a = 20 } = s, [l, d] = I([]), [o, u] = I(!1), [g, f] = I(null), [C, x] = I(n), [w, r] = I(!0), [p, S] = I(), v = L(async (y = !1, T) => {
+  const { initialSearch: n = "", pageSize: r = 20 } = s, [l, d] = I([]), [o, u] = I(!1), [g, f] = I(null), [C, x] = I(n), [w, a] = I(!0), [p, S] = I(), v = L(async (y = !1, T) => {
     if (o) return;
     const h = T !== void 0 ? T : C;
     u(!0), f(null);
     try {
       const c = await t.loadParticipants({
         search: h || void 0,
-        limit: a,
+        limit: r,
         cursor: y ? void 0 : p
       });
       d(
         (b) => y ? c.participants : [...b, ...c.participants]
-      ), r(c.hasMore), S(c.nextCursor);
+      ), a(c.hasMore), S(c.nextCursor);
     } catch (c) {
       const b = c instanceof Error ? c.message : "Failed to load participants";
       f(b), console.error("[useParticipants] Load error:", c);
     } finally {
       u(!1);
     }
-  }, [t, C, p, a, o]), k = L(() => {
+  }, [t, C, p, r, o]), k = L(() => {
     w && !o && v(!1);
   }, [w, o, v]), N = L((y) => {
     x(y), S(void 0), v(!0, y);
@@ -2268,7 +2269,7 @@ export {
   Os as MessagingShell,
   Is as ParticipantPicker,
   Zt as formatRelativeTime,
-  rs as useMessageVote,
+  as as useMessageVote,
   qt as useMessaging,
   Bs as useParticipants
 };