@linktr.ee/messaging-react 1.28.0-rc-1776231821 → 1.28.0

package/dist/index.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as i, Fragment as he } from "react/jsx-runtime";
 import L from "classnames";
-import F, { createContext as ut, useContext as ht, useCallback as U, useState as T, useRef as K, useEffect as W, useMemo as Le, Suspense as $e } from "react";
-import { StreamChatService as ft } from "@linktr.ee/messaging-core";
-import { Chat as gt, ChannelList as xt, DateSeparator as bt, useChannelStateContext as Ie, useChatContext as Xe, areMessageUIPropsEqual as Ct, useMessageReminder as Nt, useComponentContext as pt, Attachment as yt, EditMessageModal as vt, MessageBlocked as wt, MessageBouncePrompt as _t, MessageDeleted as Et, MessageIsThreadReplyInChannelButtonIndicator as St, MessageRepliesCountButton as It, ReminderNotification as Mt, StreamedMessageText as kt, messageHasAttachments as Tt, messageHasReactions as Dt, isDateSeparatorMessage as Rt, isMessageBlocked as At, isMessageBounced as Lt, MessageBounceModal as Ut, MessageText as je, Poll as Pt, MessageErrorIcon as Ft, useMessageContext as Ke, useMessageComposer as Ot, useStateStore as Bt, MessageInput as Gt, useMessageInputContext as $t, useMessageComposerHasSendableData as jt, SimpleAttachmentSelector as zt, QuotedMessagePreview as Ht, AttachmentPreviewList as Vt, TextareaComposer as Yt, MessageTimestamp as De, Channel as Wt, WithComponents as qt, Window as Zt, MessageList as Jt } from "stream-chat-react";
-import { StarIcon as Ue, GiftIcon as Xt, XIcon as Oe, SpinnerGapIcon as _e, SignOutIcon as Kt, ProhibitInsetIcon as ze, FlagIcon as Qt, ArrowUpIcon as es, SparkleIcon as ts, ProhibitIcon as ss, ArrowLeftIcon as He, DotsThreeIcon as Ve, MagnifyingGlassIcon as ns, ChatCircleDotsIcon as Ye } from "@phosphor-icons/react";
-import { LinkPreviewsManager as We } from "stream-chat";
-const Qe = ut({
+import F, { createContext as ft, useContext as gt, useCallback as U, useState as k, useRef as Q, useEffect as X, useMemo as Le, Suspense as je } from "react";
+import { StreamChatService as xt } from "@linktr.ee/messaging-core";
+import { Chat as bt, ChannelList as Ct, DateSeparator as Nt, useChannelStateContext as Ie, useChatContext as Ke, areMessageUIPropsEqual as pt, useMessageReminder as yt, useComponentContext as vt, Attachment as wt, EditMessageModal as _t, MessageBlocked as Et, MessageBouncePrompt as St, MessageDeleted as It, MessageIsThreadReplyInChannelButtonIndicator as Mt, MessageRepliesCountButton as kt, ReminderNotification as Tt, StreamedMessageText as Dt, messageHasAttachments as Rt, messageHasReactions as At, isDateSeparatorMessage as Lt, isMessageBlocked as Ut, isMessageBounced as Pt, MessageBounceModal as Ft, MessageText as ze, Poll as Ot, MessageErrorIcon as Bt, useMessageContext as Qe, useMessageComposer as Gt, useStateStore as $t, MessageInput as jt, useMessageInputContext as zt, useMessageComposerHasSendableData as Ht, SimpleAttachmentSelector as Vt, QuotedMessagePreview as Yt, AttachmentPreviewList as Wt, TextareaComposer as qt, MessageTimestamp as De, Channel as Zt, WithComponents as Jt, Window as Xt, MessageList as Kt } from "stream-chat-react";
+import { StarIcon as Ue, GiftIcon as Qt, XIcon as Oe, SpinnerGapIcon as _e, SignOutIcon as es, ProhibitInsetIcon as He, FlagIcon as ts, ArrowUpIcon as ss, SparkleIcon as ns, ProhibitIcon as as, ArrowLeftIcon as Ve, DotsThreeIcon as Ye, MagnifyingGlassIcon as rs, ChatCircleDotsIcon as We } from "@phosphor-icons/react";
+import { LinkPreviewsManager as qe } from "stream-chat";
+const et = ft({
   service: null,
   client: null,
   isConnected: !1,
@@ -15,7 +15,7 @@ const Qe = ut({
   refreshConnection: async () => {
   },
   debug: !1
-}), Me = () => ht(Qe), rn = ({
+}), Me = () => gt(et), ln = ({
   children: t,
   user: s,
   serviceConfig: n,
@@ -35,28 +35,28 @@ const Qe = ut({
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [c, g] = T(null), [h, b] = T(null), [N, S] = T(!1), [m, I] = T(!1), [o, v] = T(null), k = K(!1), y = K({
+  const [c, g] = k(null), [h, b] = k(null), [C, E] = k(!1), [m, S] = k(!1), [o, y] = k(null), M = Q(!1), N = Q({
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
     capabilities: l
-  }), w = K(0);
-  w.current++, a("📊 RENDER INFO", {
-    renderCount: w.current,
+  }), v = Q(0);
+  v.current++, a("📊 RENDER INFO", {
+    renderCount: v.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (r == null ? void 0 : r.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: y.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: y.current.apiKey !== r,
-      serviceConfigChanged: y.current.serviceConfig !== n,
-      capabilitiesChanged: y.current.capabilities !== l
+      userChanged: N.current.userId !== (s == null ? void 0 : s.id),
+      apiKeyChanged: N.current.apiKey !== r,
+      serviceConfigChanged: N.current.serviceConfig !== n,
+      capabilitiesChanged: N.current.capabilities !== l
     }
-  }), y.current = {
+  }), N.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
     capabilities: l
-  }, W(() => {
-    const u = w.current;
+  }, X(() => {
+    const u = v.current;
     if (a("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: u,
       apiKey: !!r,
@@ -64,8 +64,8 @@ const Qe = ut({
       dependencies: {
         apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
         serviceConfigRef: n,
-        serviceConfigStable: y.current.serviceConfig === n,
-        apiKeyStable: y.current.apiKey === r
+        serviceConfigStable: N.current.serviceConfig === n,
+        apiKeyStable: N.current.apiKey === r
       }
     }), !r || !n) {
       a("⚠️ SERVICE INIT SKIPPED", {
@@ -77,9 +77,9 @@ const Qe = ut({
     a("🚀 CREATING NEW SERVICE", {
       renderCount: u,
       apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
-      serviceConfigChanged: y.current.serviceConfig !== n
+      serviceConfigChanged: N.current.serviceConfig !== n
     });
-    const f = new ft({
+    const f = new xt({
       ...n,
       apiKey: r,
       debug: d
@@ -94,25 +94,25 @@ const Qe = ut({
       }), f.disconnectUser().catch(console.error);
     };
   }, [r, n, d, a]);
-  const _ = K(null);
-  W(() => {
-    var f, E;
+  const w = Q(null);
+  X(() => {
+    var f, _;
     if (a("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
-      isConnecting: k.current,
-      isConnected: N,
+      isConnecting: M.current,
+      isConnected: C,
       dependencies: { service: !!c, userId: s == null ? void 0 : s.id }
     }), !c || !s) {
       a("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (k.current) {
+    if (M.current) {
       a("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((f = _.current) == null ? void 0 : f.serviceId) === c && ((E = _.current) == null ? void 0 : E.userId) === s.id) {
+    if (((f = w.current) == null ? void 0 : f.serviceId) === c && ((_ = w.current) == null ? void 0 : _.userId) === s.id) {
       a(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -120,40 +120,40 @@ const Qe = ut({
       return;
     }
     (async () => {
-      a("🚀 STARTING USER CONNECTION", { userId: s.id }), k.current = !0, I(!0), v(null);
+      a("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, S(!0), y(null);
       try {
         a("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const C = await c.connectUser(s);
-        b(C), S(!0), _.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
+        const p = await c.connectUser(s);
+        b(p), E(!0), w.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: C.userID
+          clientId: p.userID
         });
-      } catch (C) {
-        const p = C instanceof Error ? C.message : "Connection failed";
-        v(p), a("❌ USER CONNECTION ERROR", {
+      } catch (p) {
+        const D = p instanceof Error ? p.message : "Connection failed";
+        y(D), a("❌ USER CONNECTION ERROR", {
           userId: s.id,
-          error: p
+          error: D
         });
       } finally {
-        I(!1), k.current = !1, a("🔄 USER CONNECTION FINISHED", {
+        S(!1), M.current = !1, a("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
-          isConnected: N
+          isConnected: C
         });
       }
     })();
-  }, [c, s, a, N]), W(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, a, C]), X(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
-    isConnected: N
+    isConnected: C
   }), () => {
-    c && N ? (a(
+    c && C ? (a(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), _.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
+    ), w.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!c,
-      isConnected: N
+      isConnected: C
     });
-  }), [c, N, a]);
-  const R = U(async () => {
+  }), [c, C, a]);
+  const A = U(async () => {
     if (a("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
       hasUser: !!s
@@ -161,53 +161,53 @@ const Qe = ut({
       a("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), I(!0);
+    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), S(!0);
     try {
       a("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), a("📞 RECONNECTING FOR REFRESH");
       const u = await c.connectUser(s);
-      b(u), S(!0), v(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+      b(u), E(!0), y(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
     } catch (u) {
       const f = u instanceof Error ? u.message : "Refresh failed";
-      v(f), a("❌ CONNECTION REFRESH ERROR", {
+      y(f), a("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
         error: f
       });
     } finally {
-      I(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      S(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
   }, [c, s, a]), x = F.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
     hasClient: !!h,
-    isConnected: N,
+    isConnected: C,
     isLoading: m,
     hasError: !!o,
     capabilitiesKeys: Object.keys(l)
   }), {
     service: c,
     client: h,
-    isConnected: N,
+    isConnected: C,
     isLoading: m,
     error: o,
     capabilities: l,
-    refreshConnection: R,
+    refreshConnection: A,
     debug: d
   }), [
     c,
     h,
-    N,
+    C,
     m,
     o,
     l,
-    R,
+    A,
     d,
     a
   ]);
   return a("🔄 RENDER END", {
-    renderCount: w.current,
-    willRenderChat: !!(h && N),
+    renderCount: v.current,
+    willRenderChat: !!(h && C),
     contextValueReady: !!x
-  }), /* @__PURE__ */ e(Qe.Provider, { value: x, children: h && N ? /* @__PURE__ */ e(
-    gt,
+  }), /* @__PURE__ */ e(et.Provider, { value: x, children: h && C ? /* @__PURE__ */ e(
+    bt,
     {
       client: h,
       customClasses: {
@@ -216,18 +216,18 @@ const Qe = ut({
       children: t
     }
   ) : t });
-}, as = () => Me(), et = F.createContext({
+}, os = () => Me(), tt = F.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0
-}), rs = et.Provider, os = () => F.useContext(et), tt = (t) => {
+}), ls = tt.Provider, is = () => F.useContext(tt), st = (t) => {
   var r, l;
-  const [s, n] = T(
+  const [s, n] = k(
     !!((l = (r = t == null ? void 0 : t.state) == null ? void 0 : r.membership) != null && l.pinned_at)
   );
-  return W(() => {
+  return X(() => {
     var a;
     if (!t) {
       n(!1);
@@ -244,18 +244,18 @@ const Qe = ut({
       t.off("member.updated", d);
     };
   }, [t]), s;
-}, ls = (t, s) => {
+}, cs = (t, s) => {
   const n = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ), l = new Date(
     Date.UTC(s.getUTCFullYear(), s.getUTCMonth(), s.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(l / (1e3 * 60 * 60 * 24));
-}, is = (t) => {
+}, ds = (t) => {
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const r = ls(t, s);
+  const r = cs(t, s);
   return r === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -265,7 +265,7 @@ const Qe = ut({
     day: "numeric",
     year: "2-digit"
   });
-}, qe = [
+}, Ze = [
   "🍎",
   // Apple
   "🍌",
@@ -293,7 +293,7 @@ const Qe = ut({
   "🍈"
   // Melon
 ];
-function cs(t) {
+function ms(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
     const r = t.charCodeAt(n);
@@ -301,11 +301,11 @@ function cs(t) {
   }
   return Math.abs(s);
 }
-function ds(t) {
-  const n = cs(t) % qe.length;
-  return qe[n];
+function us(t) {
+  const n = ms(t) % Ze.length;
+  return Ze[n];
 }
-const oe = ({
+const le = ({
   id: t,
   image: s,
   size: n = 40,
@@ -313,7 +313,7 @@ const oe = ({
   starred: l = !1,
   shape: d = "squircle"
 }) => {
-  const a = ds(t), g = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", h = d === "circle" ? { borderRadius: "50%" } : {
+  const a = us(t), g = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", h = d === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
@@ -355,7 +355,7 @@ const oe = ({
       ]
     }
   );
-}, ms = ({ size: t = 15 }) => /* @__PURE__ */ e(
+}, hs = ({ size: t = 15 }) => /* @__PURE__ */ e(
   "svg",
   {
     width: t,
@@ -372,45 +372,45 @@ const oe = ({
       }
     )
   }
-), us = (t) => {
+), fs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_TIP";
-}, hs = (t) => {
+}, gs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_PAID";
 }, Be = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_CHATBOT";
-}, fs = (t) => {
+}, xs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_ATTACHMENT";
-}, st = (t) => us(t) || hs(t), gs = (t) => {
+}, nt = (t) => fs(t) || gs(t), bs = (t) => {
   var s;
-  return st(t) && !((s = t.text) != null && s.trim());
+  return nt(t) && !((s = t.text) != null && s.trim());
 }, Re = ({
   message: t,
   standalone: s = !1,
   isMyMessage: n = !1,
   hasAttachment: r = !1
 }) => {
-  var N;
-  const l = st(t), d = Be(t);
+  var C;
+  const l = nt(t), d = Be(t);
   if (!l && !d)
     return null;
   if (l) {
-    const S = (N = t.metadata) == null ? void 0 : N.amount_text;
-    if (!S) return null;
-    const m = s ? "message-tip-standalone" : "message-tag message-tag--tip", I = s ? `${S} tip` : `Delivered with ${S} tip`;
+    const E = (C = t.metadata) == null ? void 0 : C.amount_text;
+    if (!E) return null;
+    const m = s ? "message-tip-standalone" : "message-tag message-tag--tip", S = s ? `${E} tip` : `Delivered with ${E} tip`;
     return /* @__PURE__ */ i("div", { className: m, children: [
-      /* @__PURE__ */ e(Xt, { size: s ? 14 : 12 }),
-      /* @__PURE__ */ e("span", { children: I })
+      /* @__PURE__ */ e(Qt, { size: s ? 14 : 12 }),
+      /* @__PURE__ */ e("span", { children: S })
     ] });
   }
   const a = n && r, c = a ? "Sent with AI" : "Sent with DM Agent", g = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     a ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), h = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), b = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(ms, { size: a ? 12 : 15 }) });
+  ].join(" "), h = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), b = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(hs, { size: a ? 12 : 15 }) });
   return /* @__PURE__ */ e("div", { className: g, "data-testid": "message-chatbot-indicator", children: n && !a ? /* @__PURE__ */ i(he, { children: [
     h,
     b
@@ -418,39 +418,39 @@ const oe = ({
     b,
     h
   ] }) });
-}, nt = F.memo(
+}, at = F.memo(
   ({ channel: t, unread: s }) => {
-    var R, x, u, f;
-    const { selectedChannel: n, onChannelSelect: r, debug: l, renderMessagePreview: d } = os(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
+    var A, x, u, f;
+    const { selectedChannel: n, onChannelSelect: r, debug: l, renderMessagePreview: d } = is(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
       t && r(t);
-    }, g = (E) => {
-      const C = E.key === "Enter" || E.key === " ", p = E.repeat;
-      !C || p || (E.preventDefault(), c());
-    }, b = Object.values(((R = t == null ? void 0 : t.state) == null ? void 0 : R.members) || {}).find(
-      (E) => {
-        var C, p;
-        return ((C = E.user) == null ? void 0 : C.id) && E.user.id !== ((p = t == null ? void 0 : t._client) == null ? void 0 : p.userID);
+    }, g = (_) => {
+      const p = _.key === "Enter" || _.key === " ", D = _.repeat;
+      !p || D || (_.preventDefault(), c());
+    }, b = Object.values(((A = t == null ? void 0 : t.state) == null ? void 0 : A.members) || {}).find(
+      (_) => {
+        var p, D;
+        return ((p = _.user) == null ? void 0 : p.id) && _.user.id !== ((D = t == null ? void 0 : t._client) == null ? void 0 : D.userID);
       }
-    ), N = ((x = b == null ? void 0 : b.user) == null ? void 0 : x.name) || "Conversation", S = (u = b == null ? void 0 : b.user) == null ? void 0 : u.image, m = (() => {
-      var C;
-      const E = (C = t == null ? void 0 : t.state) == null ? void 0 : C.messages;
-      if (E != null && E.length) {
-        for (let p = E.length - 1; p >= 0; p--)
-          if (E[p].type !== "system") return E[p];
+    ), C = ((x = b == null ? void 0 : b.user) == null ? void 0 : x.name) || "Conversation", E = (u = b == null ? void 0 : b.user) == null ? void 0 : u.image, m = (() => {
+      var p;
+      const _ = (p = t == null ? void 0 : t.state) == null ? void 0 : p.messages;
+      if (_ != null && _.length) {
+        for (let D = _.length - 1; D >= 0; D--)
+          if (_[D].type !== "system") return _[D];
       }
     })(), o = (() => {
-      var p, O;
+      var D, G;
       if (m != null && m.text) return m.text;
-      if (((p = m == null ? void 0 : m.metadata) == null ? void 0 : p.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
-      const C = (O = m == null ? void 0 : m.attachments) == null ? void 0 : O[0];
-      return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), v = m != null && m.created_at ? is(new Date(m.created_at)) : "", k = m ? Be(m) : !1, y = d ? d(m, o) : `${k ? "✨ " : ""}${o}`, w = tt(t), _ = s ?? 0;
+      if (((D = m == null ? void 0 : m.metadata) == null ? void 0 : D.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
+      const p = (G = m == null ? void 0 : m.attachments) == null ? void 0 : G[0];
+      return p ? p.og_scrape_url ? p.og_scrape_url : p.type === "image" ? "📷 Sent an image" : p.type === "video" ? "🎥 Sent a video" : p.type === "audio" ? "🎵 Sent audio" : p.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), y = m != null && m.created_at ? ds(new Date(m.created_at)) : "", M = m ? Be(m) : !1, N = d ? d(m, o) : `${M ? "✨ " : ""}${o}`, v = st(t), w = s ?? 0;
     return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: a,
-      participantName: N,
-      unreadCount: _,
-      hasTimestamp: !!v
+      participantName: C,
+      unreadCount: w,
+      hasTimestamp: !!y
     }), /* @__PURE__ */ e(
       "div",
       {
@@ -467,13 +467,13 @@ const oe = ({
         ),
         children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ e(
-            oe,
+            le,
             {
               id: ((f = b == null ? void 0 : b.user) == null ? void 0 : f.id) || t.id || "unknown",
-              name: N,
-              image: S,
+              name: C,
+              image: E,
               size: 44,
-              starred: w,
+              starred: v,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -487,16 +487,16 @@ const oe = ({
                     a ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    w && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
-                    N
+                    v && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
+                    C
                   ]
                 }
               ),
-              v && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: v })
+              y && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: y })
             ] }),
             /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: y }),
-              _ > 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: _ > 99 ? "99+" : _ })
+              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: N }),
+              w > 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: w > 99 ? "99+" : w })
             ] })
           ] })
         ] })
@@ -504,8 +504,8 @@ const oe = ({
     );
   }
 );
-nt.displayName = "CustomChannelPreview";
-const xs = { last_message_at: -1 }, at = F.memo(
+at.displayName = "CustomChannelPreview";
+const Cs = { last_message_at: -1 }, rt = F.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
@@ -514,16 +514,16 @@ const xs = { last_message_at: -1 }, at = F.memo(
     onMessageNew: l,
     onAddedToChannel: d,
     channelRenderFilterFn: a,
-    sort: c = xs,
+    sort: c = Cs,
     className: g,
     customEmptyStateIndicator: h,
     renderMessagePreview: b
   }) => {
-    const N = F.useRef(0);
-    N.current++;
-    const { debug: S = !1 } = Me();
-    S && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: N.current,
+    const C = F.useRef(0);
+    C.current++;
+    const { debug: E = !1 } = Me();
+    E && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: C.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
@@ -531,10 +531,10 @@ const xs = { last_message_at: -1 }, at = F.memo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
-        debug: S,
+        debug: E,
         renderMessagePreview: b
       }),
-      [s, t, S, b]
+      [s, t, E, b]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -543,8 +543,8 @@ const xs = { last_message_at: -1 }, at = F.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           g
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(rs, { value: m, children: /* @__PURE__ */ e(
-          xt,
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(ls, { value: m, children: /* @__PURE__ */ e(
+          Ct,
           {
             filters: n,
             sort: c,
@@ -553,7 +553,7 @@ const xs = { last_message_at: -1 }, at = F.memo(
             onMessageNew: l,
             onAddedToChannel: d,
             channelRenderFilterFn: a,
-            Preview: nt,
+            Preview: at,
             EmptyStateIndicator: h
           },
           `${JSON.stringify(n)}:${JSON.stringify(c)}`
@@ -562,7 +562,7 @@ const xs = { last_message_at: -1 }, at = F.memo(
     );
   }
 );
-at.displayName = "ChannelList";
+rt.displayName = "ChannelList";
 const we = ({
   variant: t = "default",
   className: s,
@@ -581,7 +581,7 @@ const we = ({
     children: n
   }
 );
-function rt({ label: t, className: s, children: n, ...r }) {
+function ot({ label: t, className: s, children: n, ...r }) {
   return /* @__PURE__ */ i(
     "button",
     {
@@ -602,10 +602,10 @@ function rt({ label: t, className: s, children: n, ...r }) {
     }
   );
 }
-function ot({ onClick: t }) {
-  return /* @__PURE__ */ e(rt, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Oe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+function lt({ onClick: t }) {
+  return /* @__PURE__ */ e(ot, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Oe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const bs = ({
+const Ns = ({
   dialogRef: t,
   onClose: s,
   participant: n,
@@ -617,69 +617,69 @@ const bs = ({
   onDeleteConversationClick: g,
   onBlockParticipantClick: h,
   onReportParticipantClick: b,
-  customProfileContent: N,
-  customChannelActions: S
+  customProfileContent: C,
+  customChannelActions: E
 }) => {
-  var D, G, z, ee, le, ie, ce;
-  const { service: m, debug: I } = Me(), [o, v] = T(!1), [k, y] = T(!1), [w, _] = T(!1), R = U(async () => {
-    var A;
-    if (!(!m || !((A = n == null ? void 0 : n.user) != null && A.id)))
+  var Z, J, P, V, z, ie, ce;
+  const { service: m, debug: S } = Me(), [o, y] = k(!1), [M, N] = k(!1), [v, w] = k(!1), A = U(async () => {
+    var R;
+    if (!(!m || !((R = n == null ? void 0 : n.user) != null && R.id)))
       try {
-        const H = (await m.getBlockedUsers()).some(
-          (Y) => {
-            var te;
-            return Y.blocked_user_id === ((te = n == null ? void 0 : n.user) == null ? void 0 : te.id);
+        const Y = (await m.getBlockedUsers()).some(
+          (W) => {
+            var ne;
+            return W.blocked_user_id === ((ne = n == null ? void 0 : n.user) == null ? void 0 : ne.id);
           }
         );
-        v(H);
-      } catch (P) {
+        y(Y);
+      } catch (O) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          P
+          O
         );
       }
-  }, [m, (D = n == null ? void 0 : n.user) == null ? void 0 : D.id]);
-  W(() => {
-    R();
-  }, [R]);
+  }, [m, (Z = n == null ? void 0 : n.user) == null ? void 0 : Z.id]);
+  X(() => {
+    A();
+  }, [A]);
   const x = async () => {
-    var A;
-    if (!k) {
-      g == null || g(), I && console.log("[ChannelInfoDialog] Leave conversation", r.cid), y(!0);
+    var R;
+    if (!M) {
+      g == null || g(), S && console.log("[ChannelInfoDialog] Leave conversation", r.cid), N(!0);
       try {
-        const P = ((A = r._client) == null ? void 0 : A.userID) ?? null;
-        await r.hide(P, !1), d && await d(r), s();
-      } catch (P) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", P);
+        const O = ((R = r._client) == null ? void 0 : R.userID) ?? null;
+        await r.hide(O, !1), d && await d(r), s();
+      } catch (O) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", O);
       } finally {
-        y(!1);
+        N(!1);
       }
     }
   }, u = async () => {
-    var A, P, H;
-    if (!(w || !m)) {
-      h == null || h(), I && console.log("[ChannelInfoDialog] Block member", (A = n == null ? void 0 : n.user) == null ? void 0 : A.id), _(!0);
+    var R, O, Y;
+    if (!(v || !m)) {
+      h == null || h(), S && console.log("[ChannelInfoDialog] Block member", (R = n == null ? void 0 : n.user) == null ? void 0 : R.id), w(!0);
       try {
-        await m.blockUser((P = n == null ? void 0 : n.user) == null ? void 0 : P.id), a && await a((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
-      } catch (Y) {
-        console.error("[ChannelInfoDialog] Failed to block member", Y);
+        await m.blockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), a && await a((Y = n == null ? void 0 : n.user) == null ? void 0 : Y.id), s();
+      } catch (W) {
+        console.error("[ChannelInfoDialog] Failed to block member", W);
       } finally {
-        _(!1);
+        w(!1);
       }
     }
   }, f = async () => {
-    var A, P, H;
-    if (!(w || !m)) {
-      h == null || h(), I && console.log("[ChannelInfoDialog] Unblock member", (A = n == null ? void 0 : n.user) == null ? void 0 : A.id), _(!0);
+    var R, O, Y;
+    if (!(v || !m)) {
+      h == null || h(), S && console.log("[ChannelInfoDialog] Unblock member", (R = n == null ? void 0 : n.user) == null ? void 0 : R.id), w(!0);
       try {
-        await m.unBlockUser((P = n == null ? void 0 : n.user) == null ? void 0 : P.id), a && await a((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
-      } catch (Y) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", Y);
+        await m.unBlockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), a && await a((Y = n == null ? void 0 : n.user) == null ? void 0 : Y.id), s();
+      } catch (W) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", W);
       } finally {
-        _(!1);
+        w(!1);
       }
     }
-  }, E = () => {
+  }, _ = () => {
     b == null || b(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -687,7 +687,7 @@ const bs = ({
     );
   };
   if (!n) return null;
-  const C = ((G = n.user) == null ? void 0 : G.name) || ((z = n.user) == null ? void 0 : z.id) || "Unknown member", p = (ee = n.user) == null ? void 0 : ee.image, O = (le = n.user) == null ? void 0 : le.email, q = (ie = n.user) == null ? void 0 : ie.username, Z = O || (q ? `linktr.ee/${q}` : void 0), Q = ((ce = n.user) == null ? void 0 : ce.id) || "unknown";
+  const p = ((J = n.user) == null ? void 0 : J.name) || ((P = n.user) == null ? void 0 : P.id) || "Unknown member", D = (V = n.user) == null ? void 0 : V.image, G = (z = n.user) == null ? void 0 : z.email, T = (ie = n.user) == null ? void 0 : ie.username, $ = G || (T ? `linktr.ee/${T}` : void 0), se = ((ce = n.user) == null ? void 0 : ce.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -696,13 +696,13 @@ const bs = ({
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (A) => {
-          A.target === t.current && s();
+        onClick: (R) => {
+          R.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: [
             /* @__PURE__ */ e("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
-            /* @__PURE__ */ e(ot, { onClick: s })
+            /* @__PURE__ */ e(lt, { onClick: s })
           ] }),
           /* @__PURE__ */ i("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ e(
@@ -712,19 +712,19 @@ const bs = ({
                 style: { backgroundColor: "#FBFAF9" },
                 children: /* @__PURE__ */ i("div", { className: "flex items-center gap-3 w-full", children: [
                   /* @__PURE__ */ e(
-                    oe,
+                    le,
                     {
-                      id: Q,
-                      name: C,
-                      image: p,
+                      id: se,
+                      name: p,
+                      image: D,
                       size: 88,
                       shape: "circle"
                     }
                   ),
                   /* @__PURE__ */ i("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: C }),
-                    Z && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: Z }),
-                    l && !N && /* @__PURE__ */ e(
+                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: p }),
+                    $ && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: $ }),
+                    l && !C && /* @__PURE__ */ e(
                       "span",
                       {
                         className: "mt-1 rounded-full text-xs font-normal w-fit",
@@ -738,7 +738,7 @@ const bs = ({
                         children: l
                       }
                     ),
-                    N
+                    C
                   ] })
                 ] })
               }
@@ -748,10 +748,10 @@ const bs = ({
                 we,
                 {
                   onClick: x,
-                  disabled: k,
-                  "aria-busy": k,
+                  disabled: M,
+                  "aria-busy": M,
                   children: [
-                    k ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Kt, { className: "h-5 w-5" }),
+                    M ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(es, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -760,10 +760,10 @@ const bs = ({
                 we,
                 {
                   onClick: f,
-                  disabled: w,
-                  "aria-busy": w,
+                  disabled: v,
+                  "aria-busy": v,
                   children: [
-                    w ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(ze, { className: "h-5 w-5" }),
+                    v ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
@@ -771,32 +771,32 @@ const bs = ({
                 we,
                 {
                   onClick: u,
-                  disabled: w,
-                  "aria-busy": w,
+                  disabled: v,
+                  "aria-busy": v,
                   children: [
-                    w ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(ze, { className: "h-5 w-5" }),
+                    v ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(we, { variant: "danger", onClick: E, children: [
-                /* @__PURE__ */ e(Qt, { className: "h-5 w-5" }),
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(we, { variant: "danger", onClick: _, children: [
+                /* @__PURE__ */ e(ts, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
-              S
+              E
             ] })
           ] })
         ] })
       }
     )
   );
-}, Cs = (t) => /* @__PURE__ */ e(bt, { ...t, position: "center" }), Pe = "vote_up", Fe = "vote_down";
-function Ns(t) {
+}, ps = (t) => /* @__PURE__ */ e(Nt, { ...t, position: "center" }), Pe = "vote_up", Fe = "vote_down";
+function ys(t) {
   return t != null && t.length ? t.some((s) => s.type === Fe) ? "down" : t.some((s) => s.type === Pe) ? "up" : null : null;
 }
-function ps(t) {
-  const { channel: s } = Ie(), { client: n } = Xe("useMessageVote"), r = Le(
-    () => Ns(t.own_reactions),
+function vs(t) {
+  const { channel: s } = Ie(), { client: n } = Ke("useMessageVote"), r = Le(
+    () => ys(t.own_reactions),
     [t.own_reactions]
   ), l = U(async () => {
     if (n != null && n.userID)
@@ -821,13 +821,13 @@ function ps(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, r]);
   return { selected: r, voteUp: l, voteDown: d };
 }
-const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => import("./Visitor-C1Fcrgd6.js")), Ze = () => /* @__PURE__ */ e(
+const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => import("./Visitor-C4WqnN8H.js")), Je = () => /* @__PURE__ */ e(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-3xl bg-black/[0.06] shadow-[0px_0px_0px_1px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04)]",
     "aria-hidden": !0
   }
-), ws = (t) => t.onUnlock != null || t.onDownload != null ? /* @__PURE__ */ e($e, { fallback: /* @__PURE__ */ e(Ze, {}), children: /* @__PURE__ */ e(vs, { ...t }) }) : /* @__PURE__ */ e($e, { fallback: /* @__PURE__ */ e(Ze, {}), children: /* @__PURE__ */ e(ys, { ...t }) }), _s = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+), Es = (t) => t.onUnlock != null || t.onDownload != null ? /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e(Je, {}), children: /* @__PURE__ */ e(_s, { ...t }) }) : /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e(Je, {}), children: /* @__PURE__ */ e(ws, { ...t }) }), Ss = ({ 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",
@@ -837,7 +837,7 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), Es = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+) }), Is = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M11.333 8.667l-2.666 6A1.333 1.333 0 017.333 14v-2.667a.667.667 0 00-.666-.666H2.903a1.334 1.334 0 01-1.192-1.93l2.333-4.666a1.333 1.333 0 011.193-.738h6.096m0 5.334V3.333m0 5.334h2a1.333 1.333 0 001.334-1.334V4.667a1.333 1.333 0 00-1.334-1.334h-2",
@@ -847,7 +847,7 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), Ss = ({
+) }), Ms = ({
   selected: t,
   onVoteUp: s,
   onVoteDown: n
@@ -860,7 +860,7 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(_s, { filled: t === "up" })
+      children: /* @__PURE__ */ e(Ss, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -871,11 +871,11 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
       onClick: n,
       "aria-label": "Not helpful",
       "aria-pressed": t === "down",
-      children: /* @__PURE__ */ e(Es, { filled: t === "down" })
+      children: /* @__PURE__ */ e(Is, { filled: t === "down" })
     }
   )
-] }), Is = (t) => {
-  var be, ae, X, Ce, Ne, pe, re, ye;
+] }), ks = (t) => {
+  var ge, xe, be, oe, K, Ce, Ne, pe;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
@@ -887,78 +887,78 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
     groupedByUser: g,
     handleAction: h,
     handleOpenThread: b,
-    handleRetry: N,
-    highlighted: S,
+    handleRetry: C,
+    highlighted: E,
     isMessageAIGenerated: m,
-    isMyMessage: I,
+    isMyMessage: S,
     message: o,
-    renderText: v,
-    threadList: k
-  } = t, { client: y } = Xe("CustomMessage"), { channel: w } = Ie("CustomMessage"), [_, R] = T(!1), x = Nt(o.id), { selected: u, voteUp: f, voteDown: E } = ps(o), {
-    Attachment: C = yt,
-    EditMessageModal: p = vt,
-    MessageBlocked: O = wt,
-    MessageBouncePrompt: q = _t,
-    MessageDeleted: Z = Et,
-    MessageIsThreadReplyInChannelButtonIndicator: Q = St,
-    MessageRepliesCountButton: D = It,
-    ReminderNotification: G = Mt,
-    StreamedMessageText: z = kt,
-    PinIndicator: ee
-  } = pt("CustomMessage"), le = Tt(o), ie = Dt(o), ce = Le(
+    renderText: y,
+    threadList: M
+  } = t, { client: N } = Ke("CustomMessage"), { channel: v } = Ie("CustomMessage"), [w, A] = k(!1), x = yt(o.id), { selected: u, voteUp: f, voteDown: _ } = vs(o), {
+    Attachment: p = wt,
+    EditMessageModal: D = _t,
+    MessageBlocked: G = Et,
+    MessageBouncePrompt: T = St,
+    MessageDeleted: $ = It,
+    MessageIsThreadReplyInChannelButtonIndicator: se = Mt,
+    MessageRepliesCountButton: Z = kt,
+    ReminderNotification: J = Tt,
+    StreamedMessageText: P = Dt,
+    PinIndicator: V
+  } = vt("CustomMessage"), z = Rt(o), ie = At(o), ce = Le(
     () => m == null ? void 0 : m(o),
     [m, o]
-  ), A = Le(
+  ), R = Le(
     () => !o.shared_location && !o.attachments ? [] : o.shared_location ? [o.shared_location, ...o.attachments ?? []] : o.attachments,
     [o]
   );
-  if (Rt(o))
+  if (Lt(o))
     return null;
   if (o.deleted_at || o.type === "deleted")
-    return /* @__PURE__ */ e(Z, { message: o });
-  if (At(o))
-    return /* @__PURE__ */ e(O, {});
-  const P = !k && !!o.reply_count, H = !k && o.show_in_channel && o.parent_id, Y = o.status === "failed" && ((be = o.error) == null ? void 0 : be.status) !== 403, te = Lt(o);
-  let se;
-  Y ? se = () => N(o) : te && (se = () => R(!0));
-  const $ = I(), de = L(
+    return /* @__PURE__ */ e($, { message: o });
+  if (Ut(o))
+    return /* @__PURE__ */ e(G, {});
+  const O = !M && !!o.reply_count, Y = !M && o.show_in_channel && o.parent_id, W = o.status === "failed" && ((ge = o.error) == null ? void 0 : ge.status) !== 403, ne = Pt(o);
+  let ee;
+  W ? ee = () => C(o) : ne && (ee = () => A(!0));
+  const de = S(), Ge = L(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${o.type}`,
     `str-chat__message--${o.status}`,
-    $ ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     o.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": le,
-      "str-chat__message--highlighted": S,
+      "str-chat__message--has-attachment": z,
+      "str-chat__message--highlighted": E,
       "str-chat__message--pinned pinned-message": o.pinned,
       "str-chat__message--with-reactions": ie,
-      "str-chat__message-send-can-be-retried": (o == null ? void 0 : o.status) === "failed" && ((ae = o == null ? void 0 : o.error) == null ? void 0 : ae.status) !== 403,
-      "str-chat__message-with-thread-link": P || H,
+      "str-chat__message-send-can-be-retried": (o == null ? void 0 : o.status) === "failed" && ((xe = o == null ? void 0 : o.error) == null ? void 0 : xe.status) !== 403,
+      "str-chat__message-with-thread-link": O || Y,
       "str-chat__virtual-message__wrapper--end": a,
       "str-chat__virtual-message__wrapper--first": c,
       "str-chat__virtual-message__wrapper--group": g
     }
-  ), fe = o.poll_id && y.polls.fromState(o.poll_id), ne = gs(o), J = Be(o), ge = fs(o), me = !!(A != null && A.length && !o.quoted_message), xe = J && $ && me;
+  ), q = o.poll_id && N.polls.fromState(o.poll_id), me = bs(o), ae = Be(o), re = xs(o), te = !!(R != null && R.length && !o.quoted_message), fe = ae && de && te;
   return /* @__PURE__ */ i(he, { children: [
     d && /* @__PURE__ */ e(
-      p,
+      D,
       {
         additionalMessageInputProps: s
       }
     ),
-    _ && /* @__PURE__ */ e(
-      Ut,
+    w && /* @__PURE__ */ e(
+      Ft,
       {
-        MessageBouncePrompt: q,
-        onClose: () => R(!1),
-        open: _
+        MessageBouncePrompt: T,
+        onClose: () => A(!1),
+        open: w
       }
     ),
-    /* @__PURE__ */ i("div", { className: de, children: [
-      ee && /* @__PURE__ */ e(ee, {}),
-      !!x && /* @__PURE__ */ e(G, { reminder: x }),
+    /* @__PURE__ */ i("div", { className: Ge, children: [
+      V && /* @__PURE__ */ e(V, {}),
+      !!x && /* @__PURE__ */ e(J, { reminder: x }),
       o.user && /* @__PURE__ */ e(
-        oe,
+        le,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: o.user.id,
@@ -970,104 +970,104 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
         "div",
         {
           className: L("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": Y || te
+            "str-chat__simple-message--error-failed": W || ne
           }),
           "data-testid": "message-inner",
-          onClick: se,
-          onKeyDown: se,
-          role: se ? "button" : void 0,
-          tabIndex: se ? 0 : void 0,
+          onClick: ee,
+          onKeyDown: ee,
+          role: ee ? "button" : void 0,
+          tabIndex: ee ? 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
             marginInlineEnd: 0,
             marginInlineStart: 0
           },
-          children: ge ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
+          children: re ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ e(
-              ws,
+              Es,
               {
-                title: (X = o.metadata) == null ? void 0 : X.attachment_title,
-                mimeType: (Ce = o.metadata) == null ? void 0 : Ce.attachment_mime_type,
-                thumbnail: (Ne = o.metadata) == null ? void 0 : Ne.attachment_thumbnail,
-                amountText: (pe = o.metadata) == null ? void 0 : pe.amount_text,
-                detail: (re = o.metadata) == null ? void 0 : re.attachment_detail,
-                paymentStatus: (ye = o.metadata) == null ? void 0 : ye.payment_status,
-                onUnlock: r ? () => r(o, w) : void 0,
-                onDownload: l ? () => l(o, w) : void 0
+                title: (be = o.metadata) == null ? void 0 : be.attachment_title,
+                mimeType: (oe = o.metadata) == null ? void 0 : oe.attachment_mime_type,
+                thumbnail: (K = o.metadata) == null ? void 0 : K.attachment_thumbnail,
+                amountText: (Ce = o.metadata) == null ? void 0 : Ce.amount_text,
+                detail: (Ne = o.metadata) == null ? void 0 : Ne.attachment_detail,
+                paymentStatus: (pe = o.metadata) == null ? void 0 : pe.payment_status,
+                onUnlock: r ? () => r(o, v) : void 0,
+                onDownload: l ? () => l(o, v) : void 0
               }
             ),
-            o.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(je, { message: o, renderText: v }) }) })
-          ] }) : ne ? (
+            o.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(ze, { message: o, renderText: y }) }) })
+          ] }) : me ? (
             /* Tip-only messages render as a standalone bubble */
             /* @__PURE__ */ e(Re, { message: o, standalone: !0 })
           ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
-              J && !xe && /* @__PURE__ */ e(
+              ae && !fe && /* @__PURE__ */ e(
                 Re,
                 {
                   message: o,
-                  hasAttachment: me,
-                  isMyMessage: $
+                  hasAttachment: te,
+                  isMyMessage: de
                 }
               ),
-              fe && /* @__PURE__ */ e(Pt, { poll: fe }),
-              A != null && A.length && !o.quoted_message ? /* @__PURE__ */ e(
-                C,
+              q && /* @__PURE__ */ e(Ot, { poll: q }),
+              R != null && R.length && !o.quoted_message ? /* @__PURE__ */ e(
+                p,
                 {
                   actionHandler: h,
-                  attachments: A
+                  attachments: R
                 }
               ) : null,
               ce ? /* @__PURE__ */ e(
-                z,
+                P,
                 {
                   message: o,
-                  renderText: v
+                  renderText: y
                 }
-              ) : /* @__PURE__ */ e(je, { message: o, renderText: v }),
-              /* @__PURE__ */ e(Ft, {})
+              ) : /* @__PURE__ */ e(ze, { message: o, renderText: y }),
+              /* @__PURE__ */ e(Bt, {})
             ] }),
-            (!J || xe) && /* @__PURE__ */ e(
+            (!ae || fe) && /* @__PURE__ */ e(
               Re,
               {
                 message: o,
-                hasAttachment: me,
-                isMyMessage: $
+                hasAttachment: te,
+                isMyMessage: de
               }
             ),
-            n && J && /* @__PURE__ */ e(
-              Ss,
+            n && ae && /* @__PURE__ */ e(
+              Ms,
               {
                 selected: u,
                 onVoteUp: f,
-                onVoteDown: E
+                onVoteDown: _
               }
             )
           ] })
         }
       ),
-      P && /* @__PURE__ */ e(
-        D,
+      O && /* @__PURE__ */ e(
+        Z,
         {
           onClick: b,
           reply_count: o.reply_count
         }
       ),
-      H && /* @__PURE__ */ e(Q, {})
+      Y && /* @__PURE__ */ e(se, {})
     ] }, o.id)
   ] });
-}, Ms = F.memo(
-  Is,
-  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled || t.onAttachmentUnlock !== s.onAttachmentUnlock || t.onAttachmentDownload !== s.onAttachmentDownload ? !1 : Ct(t, s)
-), ks = (t) => {
-  const s = Ke("CustomMessage");
-  return /* @__PURE__ */ e(Ms, { ...s, ...t });
-}, Ts = (t) => ({
+}, Ts = F.memo(
+  ks,
+  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled || t.onAttachmentUnlock !== s.onAttachmentUnlock || t.onAttachmentDownload !== s.onAttachmentDownload ? !1 : pt(t, s)
+), Ds = (t) => {
+  const s = Qe("CustomMessage");
+  return /* @__PURE__ */ e(Ts, { ...s, ...t });
+}, Rs = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
-    (s) => We.previewIsLoaded(s) || We.previewIsLoading(s)
+    (s) => qe.previewIsLoaded(s) || qe.previewIsLoading(s)
   )
-}), Ds = ({
+}), As = ({
   link: t,
   onDismiss: s
 }) => {
@@ -1107,32 +1107,32 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
       ]
     }
   );
-}, Rs = () => {
-  const { linkPreviewsManager: t } = Ot(), { linkPreviews: s } = Bt(
+}, Ls = () => {
+  const { linkPreviewsManager: t } = Gt(), { linkPreviews: s } = $t(
     t.state,
-    Ts
+    Rs
   ), n = (l) => {
     t.dismissPreview(l);
   };
   return s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: s.map((l) => /* @__PURE__ */ e(
-    Ds,
+    As,
     {
       link: l,
       onDismiss: n
     },
     l.og_scrape_url
   )) }) : null;
-}, As = () => {
-  const { handleSubmit: t } = $t(), s = jt();
+}, Us = () => {
+  const { handleSubmit: t } = zt(), s = Ht();
   return /* @__PURE__ */ i(he, { children: [
-    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(zt, {}) }),
+    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Vt, {}) }),
     /* @__PURE__ */ i("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
-      /* @__PURE__ */ e(Ht, {}),
-      /* @__PURE__ */ e(Rs, {}),
-      /* @__PURE__ */ e(Vt, {}),
+      /* @__PURE__ */ e(Yt, {}),
+      /* @__PURE__ */ e(Ls, {}),
+      /* @__PURE__ */ e(Wt, {}),
       /* @__PURE__ */ i("div", { className: "flex", children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
-          Yt,
+          qt,
           {
             className: "w-full resize-none outline-none leading-6",
             autoFocus: !0,
@@ -1148,47 +1148,47 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
             disabled: !s,
             onClick: t,
             type: "button",
-            children: /* @__PURE__ */ e(es, { className: "size-4" })
+            children: /* @__PURE__ */ e(ss, { className: "size-4" })
           }
         )
       ] })
     ] })
   ] });
-}, Ls = ({
+}, Ps = ({
   renderActions: t
 }) => /* @__PURE__ */ i("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && (t == null ? void 0 : t()),
-  /* @__PURE__ */ e(Gt, { Input: As })
-] }), Us = [
+  /* @__PURE__ */ e(jt, { Input: Us })
+] }), Fs = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ps = {
+], Os = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Fs = [
+}, Bs = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Os = {
+], Gs = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Ae = "age safety guidelines.", Bs = "https://linktr.ee/s/about/contact", Je = (t) => Us.includes(t), Gs = (t) => Fs.includes(t), $s = (t) => {
+}, Ae = "age safety guidelines.", $s = "https://linktr.ee/s/about/contact", Xe = (t) => Fs.includes(t), js = (t) => Bs.includes(t), zs = (t) => {
   var r;
   const s = (r = t.metadata) == null ? void 0 : r.custom_type;
-  if (Je(s))
+  if (Xe(s))
     return {
       kind: "dm-agent",
       type: s
     };
-  if (Gs(s))
+  if (js(s))
     return {
       kind: "age-safety",
       type: s
     };
   const n = t.dm_agent_system_type;
-  if (Je(n))
+  if (Xe(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, js = (t) => {
+}, Hs = (t) => {
   const s = t.indexOf(Ae);
   if (s === -1)
     return t;
@@ -1198,7 +1198,7 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
     /* @__PURE__ */ e(
       "a",
       {
-        href: Bs,
+        href: $s,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1207,13 +1207,13 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
     ),
     t.slice(n)
   ] });
-}, zs = (t) => {
+}, Vs = (t) => {
   var r, l;
-  const s = t.message.hide_date === !0, n = $s(
+  const s = t.message.hide_date === !0, n = zs(
     t.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const d = ((r = t.message.text) == null ? void 0 : r.trim()) || Ps[n.type];
+    const d = ((r = t.message.text) == null ? void 0 : r.trim()) || Os[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1223,7 +1223,7 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              ts,
+              ns,
               {
                 size: 16,
                 weight: "regular",
@@ -1239,7 +1239,7 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || Os[n.type];
+    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || Gs[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1249,7 +1249,7 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              ss,
+              as,
               {
                 size: 24,
                 weight: "duotone",
@@ -1258,7 +1258,7 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ e("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ e("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: js(d) }) })
+            /* @__PURE__ */ e("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ e("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Hs(d) }) })
           ]
         }
       ),
@@ -1273,7 +1273,7 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
     ] }),
     !s && /* @__PURE__ */ e(De, { message: t.message })
   ] });
-}, Hs = () => null, Vs = ({ className: t, message: s }) => /* @__PURE__ */ i(
+}, Ys = () => null, Ws = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
     className: L("flex items-center justify-center h-full", t),
@@ -1317,30 +1317,30 @@ const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => impo
     ]
   }
 ), Se = F.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ e(Vs, { className: "w-6 h-6" }),
+  /* @__PURE__ */ e(Ws, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Se.displayName = "LoadingState";
-const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Ys = ({
+const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", qs = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
   canShowInfo: r,
   showStarButton: l = !1
 }) => {
-  var N, S, m, I, o;
+  var C, E, m, S, o;
   const { channel: d } = Ie(), a = F.useMemo(() => Object.values(d.state.members || {}).find(
-    (k) => {
-      var y;
-      return ((y = k.user) == null ? void 0 : y.id) && k.user.id !== d._client.userID;
+    (M) => {
+      var N;
+      return ((N = M.user) == null ? void 0 : N.id) && M.user.id !== d._client.userID;
     }
-  ), [d._client.userID, d.state.members]), c = ((N = a == null ? void 0 : a.user) == null ? void 0 : N.name) || ((S = a == null ? void 0 : a.user) == null ? void 0 : S.id) || "Unknown member", g = (m = a == null ? void 0 : a.user) == null ? void 0 : m.image, h = tt(d), b = async () => {
+  ), [d._client.userID, d.state.members]), c = ((C = a == null ? void 0 : a.user) == null ? void 0 : C.name) || ((E = a == null ? void 0 : a.user) == null ? void 0 : E.id) || "Unknown member", g = (m = a == null ? void 0 : a.user) == null ? void 0 : m.image, h = st(d), b = async () => {
     try {
       h ? await d.unpin() : await d.pin();
-    } catch (v) {
+    } catch (y) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        v
+        y
       );
     }
   };
@@ -1354,14 +1354,14 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ e(He, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ e(Ve, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ i("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ e(
-          oe,
+          le,
           {
-            id: ((I = a == null ? void 0 : a.user) == null ? void 0 : I.id) || d.id || "unknown",
+            id: ((S = a == null ? void 0 : a.user) == null ? void 0 : S.id) || d.id || "unknown",
             name: c,
             image: g,
             starred: l && h,
@@ -1397,7 +1397,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Ve, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Ye, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -1411,11 +1411,11 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: t,
             className: ue,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ e(He, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Ve, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ e(
-          oe,
+          le,
           {
             id: ((o = a == null ? void 0 : a.user) == null ? void 0 : o.id) || d.id || "unknown",
             name: c,
@@ -1453,13 +1453,13 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Ve, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Ye, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] })
   ] });
-}, Ws = ({
+}, Zs = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
@@ -1471,88 +1471,88 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onBlockParticipantClick: g,
   onReportParticipantClick: h,
   showStarButton: b = !1,
-  chatbotVotingEnabled: N = !1,
-  onAttachmentUnlock: S,
+  chatbotVotingEnabled: C = !1,
+  onAttachmentUnlock: E,
   onAttachmentDownload: m,
-  renderChannelBanner: I,
+  renderChannelBanner: S,
   customProfileContent: o,
-  customChannelActions: v,
-  renderMessage: k
+  customChannelActions: y,
+  renderMessage: M
 }) => {
-  const { channel: y } = Ie(), w = K(null), _ = F.useMemo(() => Object.values(y.state.members || {}).find(
-    (E) => {
-      var C;
-      return ((C = E.user) == null ? void 0 : C.id) && E.user.id !== y._client.userID;
+  const { channel: N } = Ie(), v = Q(null), w = F.useMemo(() => Object.values(N.state.members || {}).find(
+    (_) => {
+      var p;
+      return ((p = _.user) == null ? void 0 : p.id) && _.user.id !== N._client.userID;
     }
-  ), [y._client.userID, y.state.members]), R = F.useMemo(() => {
-    const f = y.data ?? {};
+  ), [N._client.userID, N.state.members]), A = F.useMemo(() => {
+    const f = N.data ?? {};
     if (f.followerStatus)
       return String(f.followerStatus);
     if (f.isFollower !== void 0)
       return f.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [y.data]), x = U(() => {
+  }, [N.data]), x = U(() => {
     var f;
-    (f = w.current) == null || f.showModal();
+    (f = v.current) == null || f.showModal();
   }, []), u = U(() => {
     var f;
-    (f = w.current) == null || f.close();
+    (f = v.current) == null || f.close();
   }, []);
   return /* @__PURE__ */ i(he, { children: [
     /* @__PURE__ */ e(
-      qt,
+      Jt,
       {
         overrides: {
           Message: (f) => {
-            const { message: E } = Ke("ChannelView"), C = /* @__PURE__ */ e(
-              ks,
+            const { message: _ } = Qe("ChannelView"), p = /* @__PURE__ */ e(
+              Ds,
               {
                 ...f,
-                chatbotVotingEnabled: N,
-                onAttachmentUnlock: S,
+                chatbotVotingEnabled: C,
+                onAttachmentUnlock: E,
                 onAttachmentDownload: m
               }
             );
-            return !k || !E ? C : k(C, E);
+            return !M || !_ ? p : M(p, _);
           }
         },
-        children: /* @__PURE__ */ i(Zt, { children: [
+        children: /* @__PURE__ */ i(Xt, { children: [
           /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-            Ys,
+            qs,
             {
               onBack: t,
               showBackButton: s,
               onShowInfo: x,
-              canShowInfo: !!_,
+              canShowInfo: !!w,
               showStarButton: b
             }
           ) }),
-          I == null ? void 0 : I(),
+          S == null ? void 0 : S(),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
-            Jt,
+            Kt,
             {
               hideDeletedMessages: !0,
               hideNewMessageSeparator: !1,
               messageActions: void 0
             }
           ) }),
-          r == null ? void 0 : r(y),
+          r == null ? void 0 : r(N),
           /* @__PURE__ */ e(
-            Ls,
+            Ps,
             {
-              renderActions: () => n == null ? void 0 : n(y)
+              renderActions: () => n == null ? void 0 : n(N)
             }
           )
         ] })
       }
     ),
     /* @__PURE__ */ e(
-      bs,
+      Ns,
       {
-        dialogRef: w,
+        dialogRef: v,
         onClose: u,
-        participant: _,
-        channel: y,
-        followerStatusLabel: R,
+        participant: w,
+        channel: N,
+        followerStatusLabel: A,
         onLeaveConversation: l,
         onBlockParticipant: d,
         showDeleteConversation: a,
@@ -1560,11 +1560,11 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         onBlockParticipantClick: g,
         onReportParticipantClick: h,
         customProfileContent: o,
-        customChannelActions: v
+        customChannelActions: y
       }
     )
   ] });
-}, lt = F.memo(
+}, it = F.memo(
   ({
     channel: t,
     onBack: s,
@@ -1574,42 +1574,42 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onLeaveConversation: d,
     onBlockParticipant: a,
     className: c,
-    CustomChannelEmptyState: g = Hs,
+    CustomChannelEmptyState: g = Ys,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: b,
-    onBlockParticipantClick: N,
-    onReportParticipantClick: S,
+    onBlockParticipantClick: C,
+    onReportParticipantClick: E,
     dmAgentEnabled: m,
-    messageMetadata: I,
+    messageMetadata: S,
     onMessageSent: o,
-    showStarButton: v = !1,
-    chatbotVotingEnabled: k = !1,
-    onAttachmentUnlock: y,
-    onAttachmentDownload: w,
-    renderChannelBanner: _,
-    customProfileContent: R,
+    showStarButton: y = !1,
+    chatbotVotingEnabled: M = !1,
+    onAttachmentUnlock: N,
+    onAttachmentDownload: v,
+    renderChannelBanner: w,
+    customProfileContent: A,
     customChannelActions: x,
     renderMessage: u
   }) => {
     const f = U(
-      async (E, C, p) => {
-        var G;
-        const O = ((G = t.data) == null ? void 0 : G.chatbot_paused) === !0, q = m && !O, Z = {
-          ...C,
-          ...q && { silent: !0 },
-          ...I && {
+      async (_, p, D) => {
+        var J;
+        const G = ((J = t.data) == null ? void 0 : J.chatbot_paused) === !0, T = m && !G, $ = {
+          ...p,
+          ...T && { silent: !0 },
+          ...S && {
             metadata: {
-              ...C.metadata ?? {},
-              ...I
+              ...p.metadata ?? {},
+              ...S
             }
           }
-        }, Q = {
-          ...p,
-          ...q && { skip_push: !0 }
-        }, D = await t.sendMessage(Z, Q);
-        return o == null || o(D), D;
+        }, se = {
+          ...D,
+          ...T && { skip_push: !0 }
+        }, Z = await t.sendMessage($, se);
+        return o == null || o(Z), Z;
       },
-      [t, m, I, o]
+      [t, m, S, o]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -1619,16 +1619,16 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           c
         ),
         children: /* @__PURE__ */ e(
-          Wt,
+          Zt,
           {
             channel: t,
-            MessageSystem: zs,
+            MessageSystem: Vs,
             EmptyStateIndicator: g,
             LoadingIndicator: Se,
-            DateSeparator: Cs,
+            DateSeparator: ps,
             doSendMessageRequest: f,
             children: /* @__PURE__ */ e(
-              Ws,
+              Zs,
               {
                 onBack: s,
                 showBackButton: n,
@@ -1639,14 +1639,14 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 CustomChannelEmptyState: g,
                 showDeleteConversation: h,
                 onDeleteConversationClick: b,
-                onBlockParticipantClick: N,
-                onReportParticipantClick: S,
-                showStarButton: v,
-                chatbotVotingEnabled: k,
-                onAttachmentUnlock: y,
-                onAttachmentDownload: w,
-                renderChannelBanner: _,
-                customProfileContent: R,
+                onBlockParticipantClick: C,
+                onReportParticipantClick: E,
+                showStarButton: y,
+                chatbotVotingEnabled: M,
+                onAttachmentUnlock: N,
+                onAttachmentDownload: v,
+                renderChannelBanner: w,
+                customProfileContent: A,
                 customChannelActions: x,
                 renderMessage: u
               }
@@ -1657,16 +1657,16 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-lt.displayName = "ChannelView";
-function qs({
+it.displayName = "ChannelView";
+function Js({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
 }) {
-  const r = K(null);
+  const r = Q(null);
   return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
-      ns,
+      rs,
       {
         className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone",
         weight: "bold"
@@ -1684,7 +1684,7 @@ function qs({
       }
     ),
     t && /* @__PURE__ */ e(
-      rt,
+      ot,
       {
         label: "Clear search",
         onClick: () => {
@@ -1697,7 +1697,7 @@ function qs({
     )
   ] });
 }
-const Zs = ({
+const Xs = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
@@ -1706,19 +1706,19 @@ const Zs = ({
   searchPlaceholder: d = "Search participants...",
   className: a
 }) => {
-  const { debug: c } = Me(), [g, h] = T(""), [b, N] = T([]), [S, m] = T(!1), [I, o] = T(null), [v, k] = T(
+  const { debug: c } = Me(), [g, h] = k(""), [b, C] = k([]), [E, m] = k(!1), [S, o] = k(null), [y, M] = k(
     null
-  ), y = K(!1);
-  W(() => {
-    y.current = !1;
-  }, [t]), W(() => {
+  ), N = Q(!1);
+  X(() => {
+    N.current = !1;
+  }, [t]), X(() => {
     if (t.loading) {
       c && console.log(
         "[ParticipantPicker] Waiting for participant source to finish loading..."
       );
       return;
     }
-    if (y.current) return;
+    if (N.current) return;
     (async () => {
       c && console.log("[ParticipantPicker] Loading initial participants..."), m(!0), o(null);
       try {
@@ -1727,7 +1727,7 @@ const Zs = ({
           // Load all participants initially
           limit: 100
         });
-        N(u.participants), y.current = !0, c && console.log(
+        C(u.participants), N.current = !0, c && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
           u.participants.length
         );
@@ -1739,42 +1739,42 @@ const Zs = ({
       }
     })();
   }, [t, c]);
-  const w = b.filter((x) => !r.has(x.id)).filter((x) => {
+  const v = b.filter((x) => !r.has(x.id)).filter((x) => {
     var f;
     if (!g) return !0;
     const u = g.toLowerCase();
     return x.name.toLowerCase().includes(u) || ((f = x.email) == null ? void 0 : f.toLowerCase().includes(u)) || !1;
-  }), _ = U(
+  }), w = U(
     async (x) => {
-      if (!v) {
-        k(x.id);
+      if (!y) {
+        M(x.id);
         try {
           await s(x);
         } catch (u) {
-          console.error("[ParticipantPicker] Failed to start chat:", u), k(null);
+          console.error("[ParticipantPicker] Failed to start chat:", u), M(null);
         }
       }
     },
-    [s, v]
-  ), R = (x, u) => {
-    (x.key === "Enter" || x.key === " ") && (x.preventDefault(), _(u));
+    [s, y]
+  ), A = (x, u) => {
+    (x.key === "Enter" || x.key === " ") && (x.preventDefault(), w(u));
   };
   return /* @__PURE__ */ i("div", { className: L("flex flex-col h-full", a), 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" }),
-        /* @__PURE__ */ e(ot, { onClick: n })
+        /* @__PURE__ */ e(lt, { onClick: n })
       ] }),
       /* @__PURE__ */ i("p", { className: "text-xs text-stone mb-3", children: [
         "Select a ",
         l.slice(0, -1),
         " to start messaging (",
-        w.length,
+        v.length,
         " available)",
         t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
       /* @__PURE__ */ e(
-        qs,
+        Js,
         {
           searchQuery: g,
           setSearchQuery: h,
@@ -1782,37 +1782,37 @@ const Zs = ({
         }
       )
     ] }),
-    I && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    S && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
       l,
       ": ",
-      I
+      S
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: S && w.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: E && v.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
       /* @__PURE__ */ i("span", { className: "text-sm text-stone", children: [
         "Loading ",
         l,
         "..."
       ] })
-    ] }) }) : w.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
-      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(Ye, { className: "h-8 w-8 text-charcoal" }) }),
+    ] }) }) : v.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(We, { className: "h-8 w-8 text-charcoal" }) }),
       /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: g ? `No ${l} found` : b.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
       /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: g ? "Try a different search term" : b.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
     ] }) : /* @__PURE__ */ i("ul", { className: "space-y-0", children: [
-      w.map((x) => {
+      v.map((x) => {
         const u = x.name || x.email || x.id, f = x.email && x.name ? x.email : x.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => _(x),
-            onKeyDown: (E) => R(E, x),
+            onClick: () => w(x),
+            onKeyDown: (_) => A(_, x),
             className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus-ring",
             children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ i("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
                 /* @__PURE__ */ e(
-                  oe,
+                  le,
                   {
                     id: x.id,
                     name: u,
@@ -1825,18 +1825,18 @@ const Zs = ({
                   f && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: f })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: v === x.id ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Ye, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: y === x.id ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(We, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
         ) }, x.id);
       }),
-      S && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+      E && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
         /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading more..." })
       ] }) })
     ] }) })
   ] });
-}, Js = ({ className: t }) => /* @__PURE__ */ i(
+}, Ks = ({ className: t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1970,16 +1970,16 @@ const Zs = ({
       ] })
     ]
   }
-), it = F.memo(
+), ct = F.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(Js, {}),
+    /* @__PURE__ */ e(Ks, {}),
     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" })
     ] })
   ] }) })
 );
-it.displayName = "EmptyState";
+ct.displayName = "EmptyState";
 const Ee = F.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ i("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ e("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ e("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ e("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
@@ -1995,7 +1995,7 @@ const Ee = F.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
   )
 ] }) }));
 Ee.displayName = "ErrorState";
-const on = ({
+const cn = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
@@ -2007,116 +2007,118 @@ const on = ({
   CustomChannelEmptyState: g,
   showChannelList: h = !0,
   filters: b,
-  channelRenderFilterFn: N,
-  channelListCustomEmptyStateIndicator: S,
+  channelRenderFilterFn: C,
+  channelListCustomEmptyStateIndicator: E,
   onDeleteConversationClick: m,
-  onBlockParticipantClick: I,
+  onBlockParticipantClick: S,
   onReportParticipantClick: o,
-  dmAgentEnabled: v,
-  messageMetadata: k,
-  onMessageSent: y,
-  showStarButton: w = !1,
-  chatbotVotingEnabled: _ = !1,
-  renderMessagePreview: R,
+  dmAgentEnabled: y,
+  messageMetadata: M,
+  onMessageSent: N,
+  showStarButton: v = !1,
+  chatbotVotingEnabled: w = !1,
+  renderMessagePreview: A,
   renderChannelBanner: x,
   customProfileContent: u,
   customChannelActions: f,
-  renderMessage: E
+  renderMessage: _,
+  onAttachmentUnlock: p,
+  onAttachmentDownload: D
 }) => {
   const {
-    service: C,
-    client: p,
-    isConnected: O,
-    isLoading: q,
+    service: G,
+    client: T,
+    isConnected: $,
+    isLoading: se,
     error: Z,
-    refreshConnection: Q,
-    debug: D
-  } = as(), [G, z] = T(null), [ee, le] = T(!1), [ie, ce] = T(!1), [A, P] = T(!1), [H, Y] = T(/* @__PURE__ */ new Set()), [te, se] = T(0), [$, de] = T(!1), [fe, ne] = T(null), J = K(null), {
-    participantSource: ge,
-    participantLabel: me = "participants",
+    refreshConnection: J,
+    debug: P
+  } = os(), [V, z] = k(null), [ie, ce] = k(!1), [R, O] = k(!1), [Y, W] = k(!1), [ne, ee] = k(/* @__PURE__ */ new Set()), [de, Ge] = k(0), [q, me] = k(!1), [ae, re] = k(null), te = Q(null), {
+    participantSource: fe,
+    participantLabel: ge = "participants",
     showDeleteConversation: xe = !0
   } = t, be = F.useMemo(() => {
-    const M = p == null ? void 0 : p.userID;
+    const I = T == null ? void 0 : T.userID;
     return {
       ...{
         type: "messaging",
         last_message_at: { $exists: !0 },
-        ...M && {
-          members: { $in: [M] },
+        ...I && {
+          members: { $in: [I] },
           hidden: !1
         }
       },
       ...b
     };
-  }, [b, p == null ? void 0 : p.userID]), ae = K(null), X = U(async () => {
-    if (!p || !O) return;
-    const M = p.userID;
-    if (M)
+  }, [b, T == null ? void 0 : T.userID]), oe = Q(null), K = U(async () => {
+    if (!T || !$) return;
+    const I = T.userID;
+    if (I)
       try {
-        D && console.log("[MessagingShell] Syncing channels for user:", M);
-        const V = await p.queryChannels(
+        P && console.log("[MessagingShell] Syncing channels for user:", I);
+        const H = await T.queryChannels(
           {
             type: "messaging",
-            members: { $in: [M] }
+            members: { $in: [I] }
           },
           {},
           { limit: 100 }
         ), B = /* @__PURE__ */ new Set();
-        V.forEach((j) => {
+        H.forEach((j) => {
           const ke = j.state.members;
-          Object.values(ke).forEach((mt) => {
-            var Ge;
-            const Te = (Ge = mt.user) == null ? void 0 : Ge.id;
-            Te && Te !== M && B.add(Te);
+          Object.values(ke).forEach((ht) => {
+            var $e;
+            const Te = ($e = ht.user) == null ? void 0 : $e.id;
+            Te && Te !== I && B.add(Te);
           });
-        }), Y((j) => j.size === B.size && [...j].every((ke) => B.has(ke)) ? j : B), le(V.length > 0), ce(!0), ae.current = M, D && console.log("[MessagingShell] Channels synced successfully:", {
-          channelCount: V.length,
+        }), ee((j) => j.size === B.size && [...j].every((ke) => B.has(ke)) ? j : B), ce(H.length > 0), O(!0), oe.current = I, P && console.log("[MessagingShell] Channels synced successfully:", {
+          channelCount: H.length,
           memberCount: B.size
         });
-      } catch (V) {
-        console.error("[MessagingShell] Failed to sync channels:", V);
+      } catch (H) {
+        console.error("[MessagingShell] Failed to sync channels:", H);
       }
-  }, [p, O, D]);
-  W(() => {
-    if (!p || !O) return;
-    const M = p.userID;
-    M && ae.current !== M && X();
-  }, [p, O, X]), W(() => {
-    if (!a || !p || !O) return;
+  }, [T, $, P]);
+  X(() => {
+    if (!T || !$) return;
+    const I = T.userID;
+    I && oe.current !== I && K();
+  }, [T, $, K]), X(() => {
+    if (!a || !T || !$) return;
     (async () => {
-      const V = p.userID;
-      if (V)
+      const H = T.userID;
+      if (H)
         try {
-          D && console.log(
+          P && console.log(
             "[MessagingShell] Loading initial conversation with:",
             a
           );
-          const B = await p.queryChannels(
+          const B = await T.queryChannels(
             {
               type: "messaging",
-              members: { $eq: [V, a] }
+              members: { $eq: [H, a] }
             },
             {},
             { limit: 1 }
           );
           if (B.length > 0)
-            z(B[0]), de(!0), ne(null), l && l(B[0]), D && console.log(
+            z(B[0]), me(!0), re(null), l && l(B[0]), P && console.log(
               "[MessagingShell] Initial conversation loaded:",
               B[0].id
             );
-          else if (c && C) {
-            D && console.log(
+          else if (c && G) {
+            P && console.log(
               "[MessagingShell] No conversation found, creating one for:",
               c
             );
             try {
-              const j = await C.startChannelWithParticipant({
+              const j = await G.startChannelWithParticipant({
                 id: c.id,
                 name: c.name,
                 email: c.email,
                 phone: c.phone
               });
-              z(j), de(!0), ne(null), l && l(j), D && console.log(
+              z(j), me(!0), re(null), l && l(j), P && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 j.id
               );
@@ -2124,12 +2126,12 @@ const on = ({
               console.error(
                 "[MessagingShell] Failed to create conversation:",
                 j
-              ), ne("Failed to create conversation");
+              ), re("Failed to create conversation");
             }
           } else
-            ne(
+            re(
               "No conversation found with this account"
-            ), D && console.log(
+            ), P && console.log(
               "[MessagingShell] No conversation found for:",
               a
             );
@@ -2137,77 +2139,77 @@ const on = ({
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
             B
-          ), ne("Failed to load conversation");
+          ), re("Failed to load conversation");
         }
     })();
   }, [
     a,
     c,
-    p,
-    O,
-    C,
-    D,
+    T,
+    $,
+    G,
+    P,
     l
   ]);
   const Ce = U(
-    (M) => {
-      z(M), l == null || l(M);
+    (I) => {
+      z(I), l == null || l(I);
     },
     [l]
   ), Ne = U(() => {
-    $ || z(null);
-  }, [$]), pe = U(
-    async (M) => {
-      var V;
-      if (C)
+    q || z(null);
+  }, [q]), pe = U(
+    async (I) => {
+      var H;
+      if (G)
         try {
-          D && console.log(
+          P && console.log(
             "[MessagingShell] Starting conversation with:",
-            M.id
+            I.id
           );
-          const B = await C.startChannelWithParticipant({
-            id: M.id,
-            name: M.name,
-            email: M.email,
-            phone: M.phone
+          const B = await G.startChannelWithParticipant({
+            id: I.id,
+            name: I.name,
+            email: I.email,
+            phone: I.phone
           });
           try {
             await B.show();
           } catch (j) {
             console.warn("[MessagingShell] Failed to unhide channel:", j);
           }
-          z(B), P(!1), (V = J.current) == null || V.close(), d == null || d(M);
+          z(B), W(!1), (H = te.current) == null || H.close(), d == null || d(I);
         } catch (B) {
           console.error("[MessagingShell] Failed to start conversation:", B);
         }
     },
-    [C, d, D]
-  ), re = U(() => {
-    var M;
-    P(!1), (M = J.current) == null || M.close();
-  }, []), ye = U(
-    (M) => {
-      M.target === J.current && re();
+    [G, d, P]
+  ), ye = U(() => {
+    var I;
+    W(!1), (I = te.current) == null || I.close();
+  }, []), dt = U(
+    (I) => {
+      I.target === te.current && ye();
     },
-    [re]
-  ), ct = U(
-    async (M) => {
-      D && console.log("[MessagingShell] Leaving conversation:", M.id), z(null), de(!1), ae.current = null, await X();
+    [ye]
+  ), mt = U(
+    async (I) => {
+      P && console.log("[MessagingShell] Leaving conversation:", I.id), z(null), me(!1), oe.current = null, await K();
     },
-    [X, D]
-  ), dt = U(
-    async (M) => {
-      D && console.log("[MessagingShell] Blocking participant:", M), z(null), de(!1), ae.current = null, await X();
+    [K, P]
+  ), ut = U(
+    async (I) => {
+      P && console.log("[MessagingShell] Blocking participant:", I), z(null), me(!1), oe.current = null, await K();
     },
-    [X, D]
-  ), ve = !!G;
-  return q ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Se, {}) }) : Z ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: Z, onBack: Q }) }) : !O || !p ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(
+    [K, P]
+  ), ve = !!V;
+  return se ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Se, {}) }) : Z ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: Z, onBack: J }) }) : !$ || !T ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(
     Ee,
     {
       message: "Not connected to messaging service",
-      onBack: Q
+      onBack: J
     }
-  ) }) : fe ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: fe }) }) : /* @__PURE__ */ i(
+  ) }) : ae ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: ae }) }) : /* @__PURE__ */ i(
     "div",
     {
       className: L(
@@ -2222,22 +2224,22 @@ const on = ({
               className: L(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": h === !1 || $,
+                  "!hidden": h === !1 || q,
                   // Hide on mobile when channel selected, show on desktop with consistent wide width
-                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": h !== !1 && !$ && ve,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": h !== !1 && !q && ve,
                   // Show on mobile when no channel selected, use same wide width on desktop
-                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": h !== !1 && !$ && !ve
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": h !== !1 && !q && !ve
                 }
               ),
               children: /* @__PURE__ */ e(
-                at,
+                rt,
                 {
                   onChannelSelect: Ce,
-                  selectedChannel: G || void 0,
+                  selectedChannel: V || void 0,
                   filters: be,
-                  channelRenderFilterFn: N,
-                  customEmptyStateIndicator: S,
-                  renderMessagePreview: R
+                  channelRenderFilterFn: C,
+                  customEmptyStateIndicator: E,
+                  renderMessagePreview: A
                 }
               )
             }
@@ -2249,76 +2251,78 @@ const on = ({
                 "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)
-                  flex: $ || ve || a,
+                  flex: q || ve || a,
                   // Normal mode: hide on mobile when no channel selected
-                  "hidden lg:flex": !$ && !ve && !a
+                  "hidden lg:flex": !q && !ve && !a
                 }
               ),
-              children: G ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
-                lt,
+              children: V ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
+                it,
                 {
-                  channel: G,
+                  channel: V,
                   onBack: Ne,
-                  showBackButton: !$,
+                  showBackButton: !q,
                   renderMessageInputActions: n,
                   renderConversationFooter: r,
                   renderChannelBanner: x,
-                  onLeaveConversation: ct,
-                  onBlockParticipant: dt,
+                  onLeaveConversation: mt,
+                  onBlockParticipant: ut,
                   CustomChannelEmptyState: g,
                   showDeleteConversation: xe,
                   onDeleteConversationClick: m,
-                  onBlockParticipantClick: I,
+                  onBlockParticipantClick: S,
                   onReportParticipantClick: o,
-                  dmAgentEnabled: v,
-                  messageMetadata: k,
-                  onMessageSent: y,
-                  showStarButton: w,
-                  chatbotVotingEnabled: _,
+                  dmAgentEnabled: y,
+                  messageMetadata: M,
+                  onMessageSent: N,
+                  showStarButton: v,
+                  chatbotVotingEnabled: w,
                   customProfileContent: u,
                   customChannelActions: f,
-                  renderMessage: E
+                  renderMessage: _,
+                  onAttachmentUnlock: p,
+                  onAttachmentDownload: D
                 },
-                G.id
+                V.id
               ) }) : a ? (
                 // Show loading while creating/loading direct conversation channel
                 /* @__PURE__ */ e(Se, {})
               ) : /* @__PURE__ */ e(
-                it,
+                ct,
                 {
-                  hasChannels: ee,
-                  channelsLoaded: ie
+                  hasChannels: ie,
+                  channelsLoaded: R
                 }
               )
             }
           )
         ] }),
-        ge && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+        fe && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
         /* @__PURE__ */ e(
           "dialog",
           {
-            ref: J,
+            ref: te,
             className: "mes-dialog",
-            onClick: ye,
-            onClose: re,
+            onClick: dt,
+            onClose: ye,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              Zs,
+              Xs,
               {
-                participantSource: ge,
+                participantSource: fe,
                 onSelectParticipant: pe,
-                onClose: re,
-                existingParticipantIds: H,
-                participantLabel: me,
-                searchPlaceholder: `Search ${me}...`
+                onClose: ye,
+                existingParticipantIds: ne,
+                participantLabel: ge,
+                searchPlaceholder: `Search ${ge}...`
               },
-              te
+              de
             ) })
           }
         )
       ]
     }
   );
-}, Xs = ({
+}, Qs = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -2340,7 +2344,7 @@ const on = ({
     ),
     children: t
   }
-), ln = ({
+), dn = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
@@ -2352,7 +2356,7 @@ const on = ({
   const c = t.filter((g) => g.enabled).sort((g, h) => (g.order ?? 0) - (h.order ?? 0));
   return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ i("div", { className: "flex gap-3 items-end", children: [
     (d || a) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
-      oe,
+      le,
       {
         id: a || "account",
         name: a || "Account",
@@ -2369,7 +2373,7 @@ const on = ({
         children: [
           r && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: r }),
           c.map((g) => /* @__PURE__ */ e(
-            Xs,
+            Qs,
             {
               question: g.question,
               onClick: () => s(g.id),
@@ -2381,19 +2385,19 @@ const on = ({
       }
     )
   ] }) });
-}, cn = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: r = 20 } = s, [l, d] = T([]), [a, c] = T(!1), [g, h] = T(null), [b, N] = T(n), [S, m] = T(!0), [I, o] = T(), v = U(async (_ = !1, R) => {
+}, mn = (t, s = {}) => {
+  const { initialSearch: n = "", pageSize: r = 20 } = s, [l, d] = k([]), [a, c] = k(!1), [g, h] = k(null), [b, C] = k(n), [E, m] = k(!0), [S, o] = k(), y = U(async (w = !1, A) => {
     if (a) return;
-    const x = R !== void 0 ? R : b;
+    const x = A !== void 0 ? A : b;
     c(!0), h(null);
     try {
       const u = await t.loadParticipants({
         search: x || void 0,
         limit: r,
-        cursor: _ ? void 0 : I
+        cursor: w ? void 0 : S
       });
       d(
-        (f) => _ ? u.participants : [...f, ...u.participants]
+        (f) => w ? u.participants : [...f, ...u.participants]
       ), m(u.hasMore), o(u.nextCursor);
     } catch (u) {
       const f = u instanceof Error ? u.message : "Failed to load participants";
@@ -2401,43 +2405,43 @@ const on = ({
     } finally {
       c(!1);
     }
-  }, [t, b, I, r, a]), k = U(() => {
-    S && !a && v(!1);
-  }, [S, a, v]), y = U((_) => {
-    N(_), o(void 0), v(!0, _);
-  }, [v]), w = U(() => {
-    o(void 0), v(!0);
-  }, [v]);
-  return W(() => {
-    v(!0);
+  }, [t, b, S, r, a]), M = U(() => {
+    E && !a && y(!1);
+  }, [E, a, y]), N = U((w) => {
+    C(w), o(void 0), y(!0, w);
+  }, [y]), v = U(() => {
+    o(void 0), y(!0);
+  }, [y]);
+  return X(() => {
+    y(!0);
   }, [t.loadParticipants]), {
     participants: l,
     loading: a,
     error: g,
     searchQuery: b,
-    hasMore: S,
+    hasMore: E,
     totalCount: t.totalCount,
-    loadMore: k,
-    search: y,
-    refresh: w
+    loadMore: M,
+    search: N,
+    refresh: v
   };
 };
 export {
   we as ActionButton,
-  oe as Avatar,
-  Hs as ChannelEmptyState,
-  at as ChannelList,
-  lt as ChannelView,
-  ln as FaqList,
-  Xs as FaqListItem,
-  ws as LockedAttachment,
-  Ss as MessageVoteButtons,
-  rn as MessagingProvider,
-  on as MessagingShell,
-  Zs as ParticipantPicker,
-  is as formatRelativeTime,
-  ps as useMessageVote,
-  as as useMessaging,
-  cn as useParticipants
+  le as Avatar,
+  Ys as ChannelEmptyState,
+  rt as ChannelList,
+  it as ChannelView,
+  dn as FaqList,
+  Qs as FaqListItem,
+  Es as LockedAttachment,
+  Ms as MessageVoteButtons,
+  ln as MessagingProvider,
+  cn as MessagingShell,
+  Xs as ParticipantPicker,
+  ds as formatRelativeTime,
+  vs as useMessageVote,
+  os as useMessaging,
+  mn as useParticipants
 };
 //# sourceMappingURL=index.js.map