@linktr.ee/messaging-react 1.28.1 → 1.29.0-rc-1776325810

package/dist/index.js

@@ -15,11 +15,11 @@ const et = ft({
   refreshConnection: async () => {
   },
   debug: !1
-}), Me = () => gt(et), ln = ({
+}), Me = () => gt(et), cn = ({
   children: t,
   user: s,
   serviceConfig: n,
-  apiKey: r,
+  apiKey: o,
   capabilities: l = {},
   debug: d = !1
 }) => {
@@ -31,43 +31,43 @@ const et = ft({
   );
   a("🔄 RENDER START", {
     userId: s == null ? void 0 : s.id,
-    apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
+    apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  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({
+  const [c, g] = k(null), [h, b] = k(null), [C, S] = k(!1), [m, v] = k(!1), [r, p] = k(null), M = Q(!1), N = Q({
     userId: s == null ? void 0 : s.id,
-    apiKey: r,
+    apiKey: o,
     serviceConfig: n,
     capabilities: l
-  }), 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)) + "..." },
+  }), w = Q(0);
+  w.current++, a("📊 RENDER INFO", {
+    renderCount: w.current,
+    currentProps: { userId: s == null ? void 0 : s.id, apiKey: (o == null ? void 0 : o.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: N.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: N.current.apiKey !== r,
+      apiKeyChanged: N.current.apiKey !== o,
       serviceConfigChanged: N.current.serviceConfig !== n,
       capabilitiesChanged: N.current.capabilities !== l
     }
   }), N.current = {
     userId: s == null ? void 0 : s.id,
-    apiKey: r,
+    apiKey: o,
     serviceConfig: n,
     capabilities: l
   }, X(() => {
-    const u = v.current;
+    const u = w.current;
     if (a("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: u,
-      apiKey: !!r,
+      apiKey: !!o,
       serviceConfig: !!n,
       dependencies: {
-        apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
+        apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
         serviceConfigRef: n,
         serviceConfigStable: N.current.serviceConfig === n,
-        apiKeyStable: N.current.apiKey === r
+        apiKeyStable: N.current.apiKey === o
       }
-    }), !r || !n) {
+    }), !o || !n) {
       a("⚠️ SERVICE INIT SKIPPED", {
         renderCount: u,
         reason: "Missing apiKey or serviceConfig"
@@ -76,12 +76,12 @@ const et = ft({
     }
     a("🚀 CREATING NEW SERVICE", {
       renderCount: u,
-      apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
+      apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
       serviceConfigChanged: N.current.serviceConfig !== n
     });
     const f = new xt({
       ...n,
-      apiKey: r,
+      apiKey: o,
       debug: d
     });
     return g(f), a("✅ SERVICE SET", {
@@ -93,10 +93,10 @@ const et = ft({
         reason: "Effect cleanup"
       }), f.disconnectUser().catch(console.error);
     };
-  }, [r, n, d, a]);
-  const w = Q(null);
+  }, [o, n, d, a]);
+  const _ = Q(null);
   X(() => {
-    var f, _;
+    var f, E;
     if (a("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
       hasUser: !!s,
@@ -112,7 +112,7 @@ const et = ft({
       a("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((f = w.current) == null ? void 0 : f.serviceId) === c && ((_ = w.current) == null ? void 0 : _.userId) === s.id) {
+    if (((f = _.current) == null ? void 0 : f.serviceId) === c && ((E = _.current) == null ? void 0 : E.userId) === s.id) {
       a(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -120,22 +120,22 @@ const et = ft({
       return;
     }
     (async () => {
-      a("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, S(!0), y(null);
+      a("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, v(!0), p(null);
       try {
         a("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const p = await c.connectUser(s);
-        b(p), E(!0), w.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
+        const y = await c.connectUser(s);
+        b(y), S(!0), _.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: p.userID
+          clientId: y.userID
         });
-      } catch (p) {
-        const D = p instanceof Error ? p.message : "Connection failed";
-        y(D), a("❌ USER CONNECTION ERROR", {
+      } catch (y) {
+        const D = y instanceof Error ? y.message : "Connection failed";
+        p(D), a("❌ USER CONNECTION ERROR", {
           userId: s.id,
           error: D
         });
       } finally {
-        S(!1), M.current = !1, a("🔄 USER CONNECTION FINISHED", {
+        v(!1), M.current = !1, a("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
           isConnected: C
         });
@@ -148,7 +148,7 @@ const et = ft({
     c && C ? (a(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), w.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
+    ), _.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!c,
       isConnected: C
     });
@@ -161,33 +161,33 @@ const et = ft({
       a("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), S(!0);
+    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), v(!0);
     try {
       a("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), a("📞 RECONNECTING FOR REFRESH");
       const u = await c.connectUser(s);
-      b(u), E(!0), y(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+      b(u), S(!0), p(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
     } catch (u) {
       const f = u instanceof Error ? u.message : "Refresh failed";
-      y(f), a("❌ CONNECTION REFRESH ERROR", {
+      p(f), a("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
         error: f
       });
     } finally {
-      S(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      v(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
   }, [c, s, a]), x = F.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
     hasClient: !!h,
     isConnected: C,
     isLoading: m,
-    hasError: !!o,
+    hasError: !!r,
     capabilitiesKeys: Object.keys(l)
   }), {
     service: c,
     client: h,
     isConnected: C,
     isLoading: m,
-    error: o,
+    error: r,
     capabilities: l,
     refreshConnection: L,
     debug: d
@@ -196,14 +196,14 @@ const et = ft({
     h,
     C,
     m,
-    o,
+    r,
     l,
     L,
     d,
     a
   ]);
   return a("🔄 RENDER END", {
-    renderCount: v.current,
+    renderCount: w.current,
     willRenderChat: !!(h && C),
     contextValueReady: !!x
   }), /* @__PURE__ */ e(et.Provider, { value: x, children: h && C ? /* @__PURE__ */ e(
@@ -216,16 +216,23 @@ const et = ft({
       children: t
     }
   ) : t });
-}, os = () => Me(), tt = F.createContext({
+}, os = () => Me();
+function ls(t) {
+  const s = t.state.pending_messages;
+  if (s != null && s.length)
+    for (const n of s)
+      t.state.addMessageSorted(n.message);
+}
+const tt = F.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0
-}), ls = tt.Provider, is = () => F.useContext(tt), st = (t) => {
-  var r, l;
+}), is = tt.Provider, cs = () => F.useContext(tt), st = (t) => {
+  var o, l;
   const [s, n] = k(
-    !!((l = (r = t == null ? void 0 : t.state) == null ? void 0 : r.membership) != null && l.pinned_at)
+    !!((l = (o = t == null ? void 0 : t.state) == null ? void 0 : o.membership) != null && l.pinned_at)
   );
   return X(() => {
     var a;
@@ -244,23 +251,23 @@ const et = ft({
       t.off("member.updated", d);
     };
   }, [t]), s;
-}, cs = (t, s) => {
+}, ds = (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));
-}, ds = (t) => {
+}, ms = (t) => {
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const r = cs(t, s);
-  return r === 0 ? t.toLocaleTimeString([], {
+  const o = ds(t, s);
+  return o === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
     hour12: !0
-  }) : r === 1 ? "Yesterday" : r < 7 ? `${r}d` : r < 28 ? `${Math.floor(r / 7)}w` : t.toLocaleDateString("en-US", {
+  }) : o === 1 ? "Yesterday" : o < 7 ? `${o}d` : o < 28 ? `${Math.floor(o / 7)}w` : t.toLocaleDateString("en-US", {
     month: "numeric",
     day: "numeric",
     year: "2-digit"
@@ -293,34 +300,34 @@ const et = ft({
   "🍈"
   // Melon
 ];
-function ms(t) {
+function us(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
-    const r = t.charCodeAt(n);
-    s = (s << 5) - s + r, s = s & s;
+    const o = t.charCodeAt(n);
+    s = (s << 5) - s + o, s = s & s;
   }
   return Math.abs(s);
 }
-function us(t) {
-  const n = ms(t) % Ze.length;
+function hs(t) {
+  const n = us(t) % Ze.length;
   return Ze[n];
 }
 const ie = ({
   id: t,
   image: s,
   size: n = 40,
-  className: r,
+  className: o,
   starred: l = !1,
   shape: d = "squircle"
 }) => {
-  const a = us(t), g = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", h = d === "circle" ? { borderRadius: "50%" } : {
+  const a = hs(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)"
   };
   return /* @__PURE__ */ i(
     "div",
     {
-      className: A("relative flex-shrink-0", r),
+      className: A("relative flex-shrink-0", o),
       style: {
         width: `${n}px`,
         height: `${n}px`
@@ -355,7 +362,7 @@ const ie = ({
       ]
     }
   );
-}, hs = ({ size: t = 15 }) => /* @__PURE__ */ e(
+}, fs = ({ size: t = 15 }) => /* @__PURE__ */ e(
   "svg",
   {
     width: t,
@@ -372,45 +379,45 @@ const ie = ({
       }
     )
   }
-), fs = (t) => {
+), gs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_TIP";
-}, gs = (t) => {
+}, xs = (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";
-}, xs = (t) => {
+}, bs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_ATTACHMENT";
-}, nt = (t) => fs(t) || gs(t), bs = (t) => {
+}, nt = (t) => gs(t) || xs(t), Cs = (t) => {
   var s;
   return nt(t) && !((s = t.text) != null && s.trim());
 }, Re = ({
   message: t,
   standalone: s = !1,
   isMyMessage: n = !1,
-  hasAttachment: r = !1
+  hasAttachment: o = !1
 }) => {
   var C;
   const l = nt(t), d = Be(t);
   if (!l && !d)
     return null;
   if (l) {
-    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`;
+    const S = (C = t.metadata) == null ? void 0 : C.amount_text;
+    if (!S) return null;
+    const m = s ? "message-tip-standalone" : "message-tag message-tag--tip", v = s ? `${S} tip` : `Delivered with ${S} tip`;
     return /* @__PURE__ */ i("div", { className: m, children: [
       /* @__PURE__ */ e(Qt, { size: s ? 14 : 12 }),
-      /* @__PURE__ */ e("span", { children: S })
+      /* @__PURE__ */ e("span", { children: v })
     ] });
   }
-  const a = n && r, c = a ? "Sent with AI" : "Sent with DM Agent", g = [
+  const a = n && o, 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(hs, { 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(fs, { size: a ? 12 : 15 }) });
   return /* @__PURE__ */ e("div", { className: g, "data-testid": "message-chatbot-indicator", children: n && !a ? /* @__PURE__ */ i(he, { children: [
     h,
     b
@@ -421,36 +428,36 @@ const ie = ({
 }, at = F.memo(
   ({ channel: t, unread: s }) => {
     var L, 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 = (_) => {
-      const p = _.key === "Enter" || _.key === " ", D = _.repeat;
-      !p || D || (_.preventDefault(), c());
+    const { selectedChannel: n, onChannelSelect: o, debug: l, renderMessagePreview: d } = cs(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
+      t && o(t);
+    }, g = (E) => {
+      const y = E.key === "Enter" || E.key === " ", D = E.repeat;
+      !y || D || (E.preventDefault(), c());
     }, b = Object.values(((L = t == null ? void 0 : t.state) == null ? void 0 : L.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);
+      (E) => {
+        var y, D;
+        return ((y = E.user) == null ? void 0 : y.id) && E.user.id !== ((D = t == null ? void 0 : t._client) == null ? void 0 : D.userID);
       }
-    ), 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];
+    ), C = ((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 y;
+      const E = (y = t == null ? void 0 : t.state) == null ? void 0 : y.messages;
+      if (E != null && E.length) {
+        for (let D = E.length - 1; D >= 0; D--)
+          if (E[D].type !== "system") return E[D];
       }
-    })(), o = (() => {
+    })(), r = (() => {
       var D, G;
       if (m != null && m.text) return m.text;
       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;
+      const y = (G = m == null ? void 0 : m.attachments) == null ? void 0 : G[0];
+      return y ? y.og_scrape_url ? y.og_scrape_url : y.type === "image" ? "📷 Sent an image" : y.type === "video" ? "🎥 Sent a video" : y.type === "audio" ? "🎵 Sent audio" : y.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), p = m != null && m.created_at ? ms(new Date(m.created_at)) : "", M = m ? Be(m) : !1, N = d ? d(m, r) : `${M ? "✨ " : ""}${r}`, w = st(t), _ = s ?? 0;
     return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: a,
       participantName: C,
-      unreadCount: w,
-      hasTimestamp: !!y
+      unreadCount: _,
+      hasTimestamp: !!p
     }), /* @__PURE__ */ e(
       "div",
       {
@@ -471,9 +478,9 @@ const ie = ({
             {
               id: ((f = b == null ? void 0 : b.user) == null ? void 0 : f.id) || t.id || "unknown",
               name: C,
-              image: E,
+              image: S,
               size: 44,
-              starred: v,
+              starred: w,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -487,16 +494,16 @@ const ie = ({
                     a ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    v && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
+                    w && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
                     C
                   ]
                 }
               ),
-              y && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: y })
+              p && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: p })
             ] }),
             /* @__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: 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 })
+              _ > 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+" : _ })
             ] })
           ] })
         ] })
@@ -505,36 +512,43 @@ const ie = ({
   }
 );
 at.displayName = "CustomChannelPreview";
-const Cs = { last_message_at: -1 }, rt = F.memo(
+const Ns = { last_message_at: -1 }, rt = F.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
     filters: n,
-    allowNewMessagesFromUnfilteredChannels: r = !1,
+    allowNewMessagesFromUnfilteredChannels: o = !1,
     onMessageNew: l,
     onAddedToChannel: d,
     channelRenderFilterFn: a,
-    sort: c = Cs,
+    sort: c = Ns,
     className: g,
     customEmptyStateIndicator: h,
     renderMessagePreview: b
   }) => {
     const C = F.useRef(0);
     C.current++;
-    const { debug: E = !1 } = Me();
-    E && console.log("📺 [ChannelList] 🔄 RENDER START", {
+    const { debug: S = !1 } = Me(), m = F.useCallback(
+      (r) => {
+        for (const p of r)
+          ls(p);
+        return a ? a(r) : r;
+      },
+      [a]
+    );
+    S && console.log("📺 [ChannelList] 🔄 RENDER START", {
       renderCount: C.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const m = F.useMemo(
+    const v = F.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
-        debug: E,
+        debug: S,
         renderMessagePreview: b
       }),
-      [s, t, E, b]
+      [s, t, S, b]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -543,16 +557,16 @@ const Cs = { last_message_at: -1 }, rt = 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(ls, { value: m, children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(is, { value: v, children: /* @__PURE__ */ e(
           Ct,
           {
             filters: n,
             sort: c,
             options: { limit: 30 },
-            allowNewMessagesFromUnfilteredChannels: r,
+            allowNewMessagesFromUnfilteredChannels: o,
             onMessageNew: l,
             onAddedToChannel: d,
-            channelRenderFilterFn: a,
+            channelRenderFilterFn: m,
             Preview: at,
             EmptyStateIndicator: h
           },
@@ -567,7 +581,7 @@ const we = ({
   variant: t = "default",
   className: s,
   children: n,
-  ...r
+  ...o
 }) => /* @__PURE__ */ e(
   "button",
   {
@@ -577,11 +591,11 @@ const we = ({
       t === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       s
     ),
-    ...r,
+    ...o,
     children: n
   }
 );
-function ot({ label: t, className: s, children: n, ...r }) {
+function ot({ label: t, className: s, children: n, ...o }) {
   return /* @__PURE__ */ i(
     "button",
     {
@@ -589,12 +603,12 @@ function ot({ label: t, className: s, children: n, ...r }) {
       className: A(
         "rounded-full p-2 transition-colors focus-ring",
         {
-          "cursor-not-allowed opacity-50": r.disabled,
-          "hover:bg-sand": !r.disabled
+          "cursor-not-allowed opacity-50": o.disabled,
+          "hover:bg-sand": !o.disabled
         },
         s
       ),
-      ...r,
+      ...o,
       children: [
         /* @__PURE__ */ e("span", { className: "sr-only", children: t }),
         n
@@ -605,11 +619,11 @@ function ot({ label: t, className: s, children: n, ...r }) {
 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 Ns = ({
+const ps = ({
   dialogRef: t,
   onClose: s,
   participant: n,
-  channel: r,
+  channel: o,
   followerStatusLabel: l,
   onLeaveConversation: d,
   onBlockParticipant: a,
@@ -618,10 +632,10 @@ const Ns = ({
   onBlockParticipantClick: h,
   onReportParticipantClick: b,
   customProfileContent: C,
-  customChannelActions: E
+  customChannelActions: S
 }) => {
   var Z, J, P, V, z, ce, de;
-  const { service: m, debug: S } = Me(), [o, y] = k(!1), [M, N] = k(!1), [v, w] = k(!1), L = U(async () => {
+  const { service: m, debug: v } = Me(), [r, p] = k(!1), [M, N] = k(!1), [w, _] = k(!1), L = U(async () => {
     var R;
     if (!(!m || !((R = n == null ? void 0 : n.user) != null && R.id)))
       try {
@@ -631,7 +645,7 @@ const Ns = ({
             return W.blocked_user_id === ((ne = n == null ? void 0 : n.user) == null ? void 0 : ne.id);
           }
         );
-        y(Y);
+        p(Y);
       } catch (O) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
@@ -645,10 +659,10 @@ const Ns = ({
   const x = async () => {
     var R;
     if (!M) {
-      g == null || g(), S && console.log("[ChannelInfoDialog] Leave conversation", r.cid), N(!0);
+      g == null || g(), v && console.log("[ChannelInfoDialog] Leave conversation", o.cid), N(!0);
       try {
-        const O = ((R = r._client) == null ? void 0 : R.userID) ?? null;
-        await r.hide(O, !1), d && await d(r), s();
+        const O = ((R = o._client) == null ? void 0 : R.userID) ?? null;
+        await o.hide(O, !1), d && await d(o), s();
       } catch (O) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", O);
       } finally {
@@ -657,29 +671,29 @@ const Ns = ({
     }
   }, u = async () => {
     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);
+    if (!(w || !m)) {
+      h == null || h(), v && console.log("[ChannelInfoDialog] Block member", (R = n == null ? void 0 : n.user) == null ? void 0 : R.id), _(!0);
       try {
         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 {
-        w(!1);
+        _(!1);
       }
     }
   }, f = async () => {
     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);
+    if (!(w || !m)) {
+      h == null || h(), v && console.log("[ChannelInfoDialog] Unblock member", (R = n == null ? void 0 : n.user) == null ? void 0 : R.id), _(!0);
       try {
         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 {
-        w(!1);
+        _(!1);
       }
     }
-  }, _ = () => {
+  }, E = () => {
     b == null || b(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -687,7 +701,7 @@ const Ns = ({
     );
   };
   if (!n) return null;
-  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 = (ce = n.user) == null ? void 0 : ce.username, $ = G || (T ? `linktr.ee/${T}` : void 0), se = ((de = n.user) == null ? void 0 : de.id) || "unknown";
+  const y = ((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 = (ce = n.user) == null ? void 0 : ce.username, $ = G || (T ? `linktr.ee/${T}` : void 0), se = ((de = n.user) == null ? void 0 : de.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -715,14 +729,14 @@ const Ns = ({
                     ie,
                     {
                       id: se,
-                      name: p,
+                      name: y,
                       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: p }),
+                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: y }),
                     $ && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: $ }),
                     l && !C && /* @__PURE__ */ e(
                       "span",
@@ -756,14 +770,14 @@ const Ns = ({
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: o ? /* @__PURE__ */ i(
+              /* @__PURE__ */ e("li", { children: r ? /* @__PURE__ */ i(
                 we,
                 {
                   onClick: f,
-                  disabled: v,
-                  "aria-busy": v,
+                  disabled: w,
+                  "aria-busy": w,
                   children: [
-                    v ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
+                    w ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
@@ -771,63 +785,63 @@ const Ns = ({
                 we,
                 {
                   onClick: u,
-                  disabled: v,
-                  "aria-busy": v,
+                  disabled: w,
+                  "aria-busy": w,
                   children: [
-                    v ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
+                    w ? /* @__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: _, children: [
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(we, { variant: "danger", onClick: E, children: [
                 /* @__PURE__ */ e(ts, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
-              E
+              S
             ] })
           ] })
         ] })
       }
     )
   );
-}, ps = (t) => /* @__PURE__ */ e(Nt, { ...t, position: "center" }), Pe = "vote_up", Fe = "vote_down";
-function ys(t) {
+}, ys = (t) => /* @__PURE__ */ e(Nt, { ...t, position: "center" }), Pe = "vote_up", Fe = "vote_down";
+function vs(t) {
   return t != null && t.length ? t.some((s) => s.type === Fe) ? "down" : t.some((s) => s.type === Pe) ? "up" : null : null;
 }
-function vs(t) {
-  const { channel: s } = Ie(), { client: n } = Ke("useMessageVote"), r = Le(
-    () => ys(t.own_reactions),
+function ws(t) {
+  const { channel: s } = Ie(), { client: n } = Ke("useMessageVote"), o = Le(
+    () => vs(t.own_reactions),
     [t.own_reactions]
   ), l = U(async () => {
     if (n != null && n.userID)
       try {
-        r === "up" ? await s.deleteReaction(t.id, Pe) : await s.sendReaction(
+        o === "up" ? await s.deleteReaction(t.id, Pe) : await s.sendReaction(
           t.id,
           { type: Pe },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, r]), d = U(async () => {
+  }, [s, n == null ? void 0 : n.userID, t.id, o]), d = U(async () => {
     if (n != null && n.userID)
       try {
-        r === "down" ? await s.deleteReaction(t.id, Fe) : await s.sendReaction(
+        o === "down" ? await s.deleteReaction(t.id, Fe) : await s.sendReaction(
           t.id,
           { type: Fe },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, r]);
-  return { selected: r, voteUp: l, voteDown: d };
+  }, [s, n == null ? void 0 : n.userID, t.id, o]);
+  return { selected: o, voteUp: l, voteDown: d };
 }
-const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => import("./Visitor-C4WqnN8H.js")), Je = () => /* @__PURE__ */ e(
+const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = 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
   }
-), 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(
+), Ss = (t) => t.onUnlock != null || t.onDownload != null ? /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e(Je, {}), children: /* @__PURE__ */ e(Es, { ...t }) }) : /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e(Je, {}), children: /* @__PURE__ */ e(_s, { ...t }) }), Is = ({ 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 +851,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), Is = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+) }), Ms = ({ 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 +861,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), Ms = ({
+) }), ks = ({
   selected: t,
   onVoteUp: s,
   onVoteDown: n
@@ -860,7 +874,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(Ss, { filled: t === "up" })
+      children: /* @__PURE__ */ e(Is, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -871,15 +885,15 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       onClick: n,
       "aria-label": "Not helpful",
       "aria-pressed": t === "down",
-      children: /* @__PURE__ */ e(Is, { filled: t === "down" })
+      children: /* @__PURE__ */ e(Ms, { filled: t === "down" })
     }
   )
-] }), ks = (t) => {
+] }), Ts = (t) => {
   var ge, xe, be, le, K, Ce, Ne, pe;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
-    onAttachmentUnlock: r,
+    onAttachmentUnlock: o,
     onAttachmentDownload: l,
     editing: d,
     endOfGroup: a,
@@ -888,14 +902,14 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     handleAction: h,
     handleOpenThread: b,
     handleRetry: C,
-    highlighted: E,
+    highlighted: S,
     isMessageAIGenerated: m,
-    isMyMessage: S,
-    message: o,
-    renderText: y,
+    isMyMessage: v,
+    message: r,
+    renderText: p,
     threadList: M
-  } = t, { client: N } = Ke("CustomMessage"), { channel: v } = Ie("CustomMessage"), [w, L] = k(!1), x = yt(o.id), { selected: u, voteUp: f, voteDown: _ } = vs(o), {
-    Attachment: p = wt,
+  } = t, { client: N } = Ke("CustomMessage"), { channel: w } = Ie("CustomMessage"), [_, L] = k(!1), x = yt(r.id), { selected: u, voteUp: f, voteDown: E } = ws(r), {
+    Attachment: y = wt,
     EditMessageModal: D = _t,
     MessageBlocked: G = Et,
     MessageBouncePrompt: T = St,
@@ -905,40 +919,40 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     ReminderNotification: J = Tt,
     StreamedMessageText: P = Dt,
     PinIndicator: V
-  } = vt("CustomMessage"), z = Rt(o), ce = At(o), de = Le(
-    () => m == null ? void 0 : m(o),
-    [m, o]
+  } = vt("CustomMessage"), z = Rt(r), ce = At(r), de = Le(
+    () => m == null ? void 0 : m(r),
+    [m, r]
   ), R = Le(
-    () => !o.shared_location && !o.attachments ? [] : o.shared_location ? [o.shared_location, ...o.attachments ?? []] : o.attachments,
-    [o]
+    () => !r.shared_location && !r.attachments ? [] : r.shared_location ? [r.shared_location, ...r.attachments ?? []] : r.attachments,
+    [r]
   );
-  if (Lt(o))
+  if (Lt(r))
     return null;
-  if (o.deleted_at || o.type === "deleted")
-    return /* @__PURE__ */ e($, { message: o });
-  if (Ut(o))
+  if (r.deleted_at || r.type === "deleted")
+    return /* @__PURE__ */ e($, { message: r });
+  if (Ut(r))
     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);
+  const O = !M && !!r.reply_count, Y = !M && r.show_in_channel && r.parent_id, W = r.status === "failed" && ((ge = r.error) == null ? void 0 : ge.status) !== 403, ne = Pt(r);
   let ee;
-  W ? ee = () => C(o) : ne && (ee = () => L(!0));
-  const ae = S(), Ge = A(
+  W ? ee = () => C(r) : ne && (ee = () => L(!0));
+  const ae = v(), Ge = A(
     "str-chat__message str-chat__message-simple",
-    `str-chat__message--${o.type}`,
-    `str-chat__message--${o.status}`,
+    `str-chat__message--${r.type}`,
+    `str-chat__message--${r.status}`,
     ae ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
-    o.text ? "str-chat__message--has-text" : "has-no-text",
+    r.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": z,
-      "str-chat__message--highlighted": E,
-      "str-chat__message--pinned pinned-message": o.pinned,
+      "str-chat__message--highlighted": S,
+      "str-chat__message--pinned pinned-message": r.pinned,
       "str-chat__message--with-reactions": ce,
-      "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-send-can-be-retried": (r == null ? void 0 : r.status) === "failed" && ((xe = r == null ? void 0 : r.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
     }
-  ), q = o.poll_id && N.polls.fromState(o.poll_id), me = bs(o), re = Be(o), oe = xs(o), te = !!(R != null && R.length && !o.quoted_message), fe = re && ae && te;
+  ), q = r.poll_id && N.polls.fromState(r.poll_id), me = Cs(r), re = Be(r), oe = bs(r), te = !!(R != null && R.length && !r.quoted_message), fe = re && ae && te;
   return /* @__PURE__ */ i(he, { children: [
     d && /* @__PURE__ */ e(
       D,
@@ -946,24 +960,24 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
         additionalMessageInputProps: s
       }
     ),
-    w && /* @__PURE__ */ e(
+    _ && /* @__PURE__ */ e(
       Ft,
       {
         MessageBouncePrompt: T,
         onClose: () => L(!1),
-        open: w
+        open: _
       }
     ),
     /* @__PURE__ */ i("div", { className: Ge, children: [
       V && /* @__PURE__ */ e(V, {}),
       !!x && /* @__PURE__ */ e(J, { reminder: x }),
-      o.user && /* @__PURE__ */ e(
+      r.user && /* @__PURE__ */ e(
         ie,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
-          id: o.user.id,
-          image: o.user.image,
-          name: o.user.name || o.user.id
+          id: r.user.id,
+          image: r.user.image,
+          name: r.user.name || r.user.id
         }
       ),
       /* @__PURE__ */ e(
@@ -985,35 +999,35 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
           },
           children: oe ? /* @__PURE__ */ i("div", { className: A("flex flex-col gap-1", ae ? "items-end" : "items-start"), children: [
             /* @__PURE__ */ e(
-              Es,
+              Ss,
               {
-                title: (be = o.metadata) == null ? void 0 : be.attachment_title,
-                mimeType: (le = o.metadata) == null ? void 0 : le.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
+                title: (be = r.metadata) == null ? void 0 : be.attachment_title,
+                mimeType: (le = r.metadata) == null ? void 0 : le.attachment_mime_type,
+                thumbnail: (K = r.metadata) == null ? void 0 : K.attachment_thumbnail,
+                amountText: (Ce = r.metadata) == null ? void 0 : Ce.amount_text,
+                detail: (Ne = r.metadata) == null ? void 0 : Ne.attachment_detail,
+                paymentStatus: (pe = r.metadata) == null ? void 0 : pe.payment_status,
+                onUnlock: o ? () => o(r, w) : void 0,
+                onDownload: l ? () => l(r, w) : 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(ze, { message: o, renderText: y }) }) })
+            r.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(ze, { message: r, renderText: p }) }) })
           ] }) : me ? (
             /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ e(Re, { message: o, standalone: !0 })
+            /* @__PURE__ */ e(Re, { message: r, standalone: !0 })
           ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
               re && !fe && /* @__PURE__ */ e(
                 Re,
                 {
-                  message: o,
+                  message: r,
                   hasAttachment: te,
                   isMyMessage: ae
                 }
               ),
               q && /* @__PURE__ */ e(Ot, { poll: q }),
-              R != null && R.length && !o.quoted_message ? /* @__PURE__ */ e(
-                p,
+              R != null && R.length && !r.quoted_message ? /* @__PURE__ */ e(
+                y,
                 {
                   actionHandler: h,
                   attachments: R
@@ -1022,26 +1036,26 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
               de ? /* @__PURE__ */ e(
                 P,
                 {
-                  message: o,
-                  renderText: y
+                  message: r,
+                  renderText: p
                 }
-              ) : /* @__PURE__ */ e(ze, { message: o, renderText: y }),
+              ) : /* @__PURE__ */ e(ze, { message: r, renderText: p }),
               /* @__PURE__ */ e(Bt, {})
             ] }),
             (!re || fe) && /* @__PURE__ */ e(
               Re,
               {
-                message: o,
+                message: r,
                 hasAttachment: te,
                 isMyMessage: ae
               }
             ),
             n && re && /* @__PURE__ */ e(
-              Ms,
+              ks,
               {
                 selected: u,
                 onVoteUp: f,
-                onVoteDown: _
+                onVoteDown: E
               }
             )
           ] })
@@ -1051,27 +1065,27 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
         Z,
         {
           onClick: b,
-          reply_count: o.reply_count
+          reply_count: r.reply_count
         }
       ),
       Y && /* @__PURE__ */ e(se, {})
-    ] }, o.id)
+    ] }, r.id)
   ] });
-}, Ts = F.memo(
-  ks,
+}, Ds = F.memo(
+  Ts,
   (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled || t.onAttachmentUnlock !== s.onAttachmentUnlock || t.onAttachmentDownload !== s.onAttachmentDownload ? !1 : pt(t, s)
-), Ds = (t) => {
+), Rs = (t) => {
   const s = Qe("CustomMessage");
-  return /* @__PURE__ */ e(Ts, { ...s, ...t });
-}, Rs = (t) => ({
+  return /* @__PURE__ */ e(Ds, { ...s, ...t });
+}, As = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
     (s) => qe.previewIsLoaded(s) || qe.previewIsLoading(s)
   )
-}), As = ({
+}), Ls = ({
   link: t,
   onDismiss: s
 }) => {
-  const { og_scrape_url: n, title: r, image_url: l } = t;
+  const { og_scrape_url: n, title: o, image_url: l } = t;
   return /* @__PURE__ */ i(
     "a",
     {
@@ -1084,7 +1098,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
           "img",
           {
             src: l,
-            alt: r || "",
+            alt: o || "",
             className: "h-[148px] w-full rounded-[20px] object-cover"
           }
         ),
@@ -1101,34 +1115,34 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
           }
         ),
         /* @__PURE__ */ i("div", { className: "p-2", children: [
-          r && /* @__PURE__ */ e("div", { className: "text-[14px] font-medium leading-5 text-white", children: r }),
+          o && /* @__PURE__ */ e("div", { className: "text-[14px] font-medium leading-5 text-white", children: o }),
           /* @__PURE__ */ e("div", { className: "text-[12px] leading-4 text-white/55", children: n })
         ] })
       ]
     }
   );
-}, Ls = () => {
+}, Us = () => {
   const { linkPreviewsManager: t } = Gt(), { linkPreviews: s } = $t(
     t.state,
-    Rs
+    As
   ), 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(
-    As,
+    Ls,
     {
       link: l,
       onDismiss: n
     },
     l.og_scrape_url
   )) }) : null;
-}, Us = () => {
+}, Ps = () => {
   const { handleSubmit: t } = zt(), s = Ht();
   return /* @__PURE__ */ i(he, { children: [
     /* @__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(Yt, {}),
-      /* @__PURE__ */ e(Ls, {}),
+      /* @__PURE__ */ e(Us, {}),
       /* @__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(
@@ -1154,30 +1168,30 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       ] })
     ] })
   ] });
-}, Ps = ({
+}, Fs = ({
   renderActions: t
 }) => /* @__PURE__ */ i("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && (t == null ? void 0 : t()),
-  /* @__PURE__ */ e(jt, { Input: Us })
-] }), Fs = [
+  /* @__PURE__ */ e(jt, { Input: Ps })
+] }), Os = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Os = {
+], Bs = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Bs = [
+}, Gs = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Gs = {
+], $s = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, 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;
+}, Ae = "age safety guidelines.", js = "https://linktr.ee/s/about/contact", Xe = (t) => Os.includes(t), zs = (t) => Gs.includes(t), Hs = (t) => {
+  var o;
+  const s = (o = t.metadata) == null ? void 0 : o.custom_type;
   if (Xe(s))
     return {
       kind: "dm-agent",
       type: s
     };
-  if (js(s))
+  if (zs(s))
     return {
       kind: "age-safety",
       type: s
@@ -1188,7 +1202,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       kind: "dm-agent",
       type: n
     };
-}, Hs = (t) => {
+}, Vs = (t) => {
   const s = t.indexOf(Ae);
   if (s === -1)
     return t;
@@ -1198,7 +1212,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     /* @__PURE__ */ e(
       "a",
       {
-        href: $s,
+        href: js,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1207,13 +1221,13 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     ),
     t.slice(n)
   ] });
-}, Vs = (t) => {
-  var r, l;
-  const s = t.message.hide_date === !0, n = zs(
+}, Ys = (t) => {
+  var o, l;
+  const s = t.message.hide_date === !0, n = Hs(
     t.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const d = ((r = t.message.text) == null ? void 0 : r.trim()) || Os[n.type];
+    const d = ((o = t.message.text) == null ? void 0 : o.trim()) || Bs[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1239,7 +1253,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || Gs[n.type];
+    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || $s[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1258,7 +1272,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = 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: Hs(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: Vs(d) }) })
           ]
         }
       ),
@@ -1273,7 +1287,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     ] }),
     !s && /* @__PURE__ */ e(De, { message: t.message })
   ] });
-}, Ys = () => null, Ws = ({ className: t, message: s }) => /* @__PURE__ */ i(
+}, Ws = () => null, qs = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
     className: A("flex items-center justify-center h-full", t),
@@ -1317,30 +1331,30 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = 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(Ws, { className: "w-6 h-6" }),
+  /* @__PURE__ */ e(qs, { 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", qs = ({
+const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Zs = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
-  canShowInfo: r,
+  canShowInfo: o,
   showStarButton: l = !1
 }) => {
-  var C, E, m, S, o;
+  var C, S, m, v, r;
   const { channel: d } = Ie(), a = F.useMemo(() => Object.values(d.state.members || {}).find(
     (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 = ((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 () => {
+  ), [d._client.userID, d.state.members]), c = ((C = a == null ? void 0 : a.user) == null ? void 0 : C.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 = st(d), b = async () => {
     try {
       h ? await d.unpin() : await d.pin();
-    } catch (y) {
+    } catch (p) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        y
+        p
       );
     }
   };
@@ -1361,7 +1375,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         /* @__PURE__ */ e(
           ie,
           {
-            id: ((S = a == null ? void 0 : a.user) == null ? void 0 : S.id) || d.id || "unknown",
+            id: ((v = a == null ? void 0 : a.user) == null ? void 0 : v.id) || d.id || "unknown",
             name: c,
             image: g,
             starred: l && h,
@@ -1417,7 +1431,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         /* @__PURE__ */ e(
           ie,
           {
-            id: ((o = a == null ? void 0 : a.user) == null ? void 0 : o.id) || d.id || "unknown",
+            id: ((r = a == null ? void 0 : a.user) == null ? void 0 : r.id) || d.id || "unknown",
             name: c,
             image: g,
             starred: l && h,
@@ -1446,7 +1460,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             )
           }
         ),
-        r && n && /* @__PURE__ */ e(
+        o && n && /* @__PURE__ */ e(
           "button",
           {
             className: ue,
@@ -1459,11 +1473,11 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ] })
     ] })
   ] });
-}, Zs = ({
+}, Js = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
-  renderConversationFooter: r,
+  renderConversationFooter: o,
   onLeaveConversation: l,
   onBlockParticipant: d,
   showDeleteConversation: a = !0,
@@ -1472,17 +1486,17 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onReportParticipantClick: h,
   showStarButton: b = !1,
   chatbotVotingEnabled: C = !1,
-  onAttachmentUnlock: E,
+  onAttachmentUnlock: S,
   onAttachmentDownload: m,
-  renderChannelBanner: S,
-  customProfileContent: o,
-  customChannelActions: y,
+  renderChannelBanner: v,
+  customProfileContent: r,
+  customChannelActions: p,
   renderMessage: M
 }) => {
-  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;
+  const { channel: N } = Ie(), w = Q(null), _ = F.useMemo(() => Object.values(N.state.members || {}).find(
+    (E) => {
+      var y;
+      return ((y = E.user) == null ? void 0 : y.id) && E.user.id !== N._client.userID;
     }
   ), [N._client.userID, N.state.members]), L = F.useMemo(() => {
     const f = N.data ?? {};
@@ -1492,10 +1506,10 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       return f.isFollower ? "Subscribed to you" : "Not subscribed";
   }, [N.data]), x = U(() => {
     var f;
-    (f = v.current) == null || f.showModal();
+    (f = w.current) == null || f.showModal();
   }, []), u = U(() => {
     var f;
-    (f = v.current) == null || f.close();
+    (f = w.current) == null || f.close();
   }, []);
   return /* @__PURE__ */ i(he, { children: [
     /* @__PURE__ */ e(
@@ -1503,30 +1517,30 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       {
         overrides: {
           Message: (f) => {
-            const { message: _ } = Qe("ChannelView"), p = /* @__PURE__ */ e(
-              Ds,
+            const { message: E } = Qe("ChannelView"), y = /* @__PURE__ */ e(
+              Rs,
               {
                 ...f,
                 chatbotVotingEnabled: C,
-                onAttachmentUnlock: E,
+                onAttachmentUnlock: S,
                 onAttachmentDownload: m
               }
             );
-            return !M || !_ ? p : M(p, _);
+            return !M || !E ? y : M(y, E);
           }
         },
         children: /* @__PURE__ */ i(Xt, { children: [
           /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-            qs,
+            Zs,
             {
               onBack: t,
               showBackButton: s,
               onShowInfo: x,
-              canShowInfo: !!w,
+              canShowInfo: !!_,
               showStarButton: b
             }
           ) }),
-          S == null ? void 0 : S(),
+          v == null ? void 0 : v(),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
             Kt,
             {
@@ -1535,9 +1549,9 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               messageActions: void 0
             }
           ) }),
-          r == null ? void 0 : r(N),
+          o == null ? void 0 : o(N),
           /* @__PURE__ */ e(
-            Ps,
+            Fs,
             {
               renderActions: () => n == null ? void 0 : n(N)
             }
@@ -1546,11 +1560,11 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     ),
     /* @__PURE__ */ e(
-      Ns,
+      ps,
       {
-        dialogRef: v,
+        dialogRef: w,
         onClose: u,
-        participant: w,
+        participant: _,
         channel: N,
         followerStatusLabel: L,
         onLeaveConversation: l,
@@ -1559,8 +1573,8 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         onDeleteConversationClick: c,
         onBlockParticipantClick: g,
         onReportParticipantClick: h,
-        customProfileContent: o,
-        customChannelActions: y
+        customProfileContent: r,
+        customChannelActions: p
       }
     )
   ] });
@@ -1569,47 +1583,47 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     channel: t,
     onBack: s,
     showBackButton: n = !1,
-    renderMessageInputActions: r,
+    renderMessageInputActions: o,
     renderConversationFooter: l,
     onLeaveConversation: d,
     onBlockParticipant: a,
     className: c,
-    CustomChannelEmptyState: g = Ys,
+    CustomChannelEmptyState: g = Ws,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: b,
     onBlockParticipantClick: C,
-    onReportParticipantClick: E,
+    onReportParticipantClick: S,
     dmAgentEnabled: m,
-    messageMetadata: S,
-    onMessageSent: o,
-    showStarButton: y = !1,
+    messageMetadata: v,
+    onMessageSent: r,
+    showStarButton: p = !1,
     chatbotVotingEnabled: M = !1,
     onAttachmentUnlock: N,
-    onAttachmentDownload: v,
-    renderChannelBanner: w,
+    onAttachmentDownload: w,
+    renderChannelBanner: _,
     customProfileContent: L,
     customChannelActions: x,
     renderMessage: u
   }) => {
     const f = U(
-      async (_, p, D) => {
+      async (E, y, D) => {
         var J;
         const G = ((J = t.data) == null ? void 0 : J.chatbot_paused) === !0, T = m && !G, $ = {
-          ...p,
+          ...y,
           ...T && { silent: !0 },
-          ...S && {
+          ...v && {
             metadata: {
-              ...p.metadata ?? {},
-              ...S
+              ...y.metadata ?? {},
+              ...v
             }
           }
         }, se = {
           ...D,
           ...T && { skip_push: !0 }
         }, Z = await t.sendMessage($, se);
-        return o == null || o(Z), Z;
+        return r == null || r(Z), Z;
       },
-      [t, m, S, o]
+      [t, m, v, r]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -1622,17 +1636,17 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           Zt,
           {
             channel: t,
-            MessageSystem: Vs,
+            MessageSystem: Ys,
             EmptyStateIndicator: g,
             LoadingIndicator: Se,
-            DateSeparator: ps,
+            DateSeparator: ys,
             doSendMessageRequest: f,
             children: /* @__PURE__ */ e(
-              Zs,
+              Js,
               {
                 onBack: s,
                 showBackButton: n,
-                renderMessageInputActions: r,
+                renderMessageInputActions: o,
                 renderConversationFooter: l,
                 onLeaveConversation: d,
                 onBlockParticipant: a,
@@ -1640,12 +1654,12 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 showDeleteConversation: h,
                 onDeleteConversationClick: b,
                 onBlockParticipantClick: C,
-                onReportParticipantClick: E,
-                showStarButton: y,
+                onReportParticipantClick: S,
+                showStarButton: p,
                 chatbotVotingEnabled: M,
                 onAttachmentUnlock: N,
-                onAttachmentDownload: v,
-                renderChannelBanner: w,
+                onAttachmentDownload: w,
+                renderChannelBanner: _,
                 customProfileContent: L,
                 customChannelActions: x,
                 renderMessage: u
@@ -1658,12 +1672,12 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }
 );
 it.displayName = "ChannelView";
-function Js({
+function Xs({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
 }) {
-  const r = Q(null);
+  const o = Q(null);
   return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
       rs,
@@ -1675,7 +1689,7 @@ function Js({
     /* @__PURE__ */ e(
       "input",
       {
-        ref: r,
+        ref: o,
         type: "text",
         placeholder: n,
         value: t,
@@ -1689,7 +1703,7 @@ function Js({
         label: "Clear search",
         onClick: () => {
           var l;
-          s(""), (l = r.current) == null || l.focus();
+          s(""), (l = o.current) == null || l.focus();
         },
         className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal",
         children: /* @__PURE__ */ e(Oe, { className: "h-4 w-4", weight: "bold" })
@@ -1697,16 +1711,16 @@ function Js({
     )
   ] });
 }
-const Xs = ({
+const Ks = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
-  existingParticipantIds: r = /* @__PURE__ */ new Set(),
+  existingParticipantIds: o = /* @__PURE__ */ new Set(),
   participantLabel: l = "participants",
   searchPlaceholder: d = "Search participants...",
   className: a
 }) => {
-  const { debug: c } = Me(), [g, h] = k(""), [b, C] = k([]), [E, m] = k(!1), [S, o] = k(null), [y, M] = k(
+  const { debug: c } = Me(), [g, h] = k(""), [b, C] = k([]), [S, m] = k(!1), [v, r] = k(null), [p, M] = k(
     null
   ), N = Q(!1);
   X(() => {
@@ -1720,7 +1734,7 @@ const Xs = ({
     }
     if (N.current) return;
     (async () => {
-      c && console.log("[ParticipantPicker] Loading initial participants..."), m(!0), o(null);
+      c && console.log("[ParticipantPicker] Loading initial participants..."), m(!0), r(null);
       try {
         const u = await t.loadParticipants({
           search: "",
@@ -1733,20 +1747,20 @@ const Xs = ({
         );
       } catch (u) {
         const f = u instanceof Error ? u.message : "Failed to load participants";
-        o(f), console.error("[ParticipantPicker] Failed to load participants:", u);
+        r(f), console.error("[ParticipantPicker] Failed to load participants:", u);
       } finally {
         m(!1);
       }
     })();
   }, [t, c]);
-  const v = b.filter((x) => !r.has(x.id)).filter((x) => {
+  const w = b.filter((x) => !o.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;
-  }), w = U(
+  }), _ = U(
     async (x) => {
-      if (!y) {
+      if (!p) {
         M(x.id);
         try {
           await s(x);
@@ -1755,9 +1769,9 @@ const Xs = ({
         }
       }
     },
-    [s, y]
+    [s, p]
   ), L = (x, u) => {
-    (x.key === "Enter" || x.key === " ") && (x.preventDefault(), w(u));
+    (x.key === "Enter" || x.key === " ") && (x.preventDefault(), _(u));
   };
   return /* @__PURE__ */ i("div", { className: A("flex flex-col h-full", a), children: [
     /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
@@ -1769,12 +1783,12 @@ const Xs = ({
         "Select a ",
         l.slice(0, -1),
         " to start messaging (",
-        v.length,
+        w.length,
         " available)",
         t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
       /* @__PURE__ */ e(
-        Js,
+        Xs,
         {
           searchQuery: g,
           setSearchQuery: h,
@@ -1782,32 +1796,32 @@ const Xs = ({
         }
       )
     ] }),
-    S && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    v && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
       l,
       ": ",
-      S
+      v
     ] }),
-    /* @__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: "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: "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,
         "..."
       ] })
-    ] }) }) : v.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
+    ] }) }) : 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(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: [
-      v.map((x) => {
+      w.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: () => w(x),
-            onKeyDown: (_) => L(_, x),
+            onClick: () => _(x),
+            onKeyDown: (E) => L(E, 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: [
@@ -1825,18 +1839,18 @@ const Xs = ({
                   f && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: f })
                 ] })
               ] }),
-              /* @__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" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: p === 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);
       }),
-      E && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+      S && /* @__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..." })
       ] }) })
     ] }) })
   ] });
-}, Ks = ({ className: t }) => /* @__PURE__ */ i(
+}, Qs = ({ className: t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1972,7 +1986,7 @@ const Xs = ({
   }
 ), 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(Ks, {}),
+    /* @__PURE__ */ e(Qs, {}),
     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" })
@@ -1995,11 +2009,11 @@ const Ee = F.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
   )
 ] }) }));
 Ee.displayName = "ErrorState";
-const cn = ({
+const dn = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
-  renderConversationFooter: r,
+  renderConversationFooter: o,
   onChannelSelect: l,
   onParticipantSelect: d,
   initialParticipantFilter: a,
@@ -2008,21 +2022,21 @@ const cn = ({
   showChannelList: h = !0,
   filters: b,
   channelRenderFilterFn: C,
-  channelListCustomEmptyStateIndicator: E,
+  channelListCustomEmptyStateIndicator: S,
   onDeleteConversationClick: m,
-  onBlockParticipantClick: S,
-  onReportParticipantClick: o,
-  dmAgentEnabled: y,
+  onBlockParticipantClick: v,
+  onReportParticipantClick: r,
+  dmAgentEnabled: p,
   messageMetadata: M,
   onMessageSent: N,
-  showStarButton: v = !1,
-  chatbotVotingEnabled: w = !1,
+  showStarButton: w = !1,
+  chatbotVotingEnabled: _ = !1,
   renderMessagePreview: L,
   renderChannelBanner: x,
   customProfileContent: u,
   customChannelActions: f,
-  renderMessage: _,
-  onAttachmentUnlock: p,
+  renderMessage: E,
+  onAttachmentUnlock: y,
   onAttachmentDownload: D
 }) => {
   const {
@@ -2238,7 +2252,7 @@ const cn = ({
                   selectedChannel: V || void 0,
                   filters: be,
                   channelRenderFilterFn: C,
-                  customEmptyStateIndicator: E,
+                  customEmptyStateIndicator: S,
                   renderMessagePreview: L
                 }
               )
@@ -2263,24 +2277,24 @@ const cn = ({
                   onBack: Ne,
                   showBackButton: !q,
                   renderMessageInputActions: n,
-                  renderConversationFooter: r,
+                  renderConversationFooter: o,
                   renderChannelBanner: x,
                   onLeaveConversation: mt,
                   onBlockParticipant: ut,
                   CustomChannelEmptyState: g,
                   showDeleteConversation: xe,
                   onDeleteConversationClick: m,
-                  onBlockParticipantClick: S,
-                  onReportParticipantClick: o,
-                  dmAgentEnabled: y,
+                  onBlockParticipantClick: v,
+                  onReportParticipantClick: r,
+                  dmAgentEnabled: p,
                   messageMetadata: M,
                   onMessageSent: N,
-                  showStarButton: v,
-                  chatbotVotingEnabled: w,
+                  showStarButton: w,
+                  chatbotVotingEnabled: _,
                   customProfileContent: u,
                   customChannelActions: f,
-                  renderMessage: _,
-                  onAttachmentUnlock: p,
+                  renderMessage: E,
+                  onAttachmentUnlock: y,
                   onAttachmentDownload: D
                 },
                 V.id
@@ -2306,7 +2320,7 @@ const cn = ({
             onClick: dt,
             onClose: ye,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              Xs,
+              Ks,
               {
                 participantSource: fe,
                 onSelectParticipant: pe,
@@ -2322,11 +2336,11 @@ const cn = ({
       ]
     }
   );
-}, Qs = ({
+}, en = ({
   question: t,
   onClick: s,
   loading: n = !1,
-  className: r
+  className: o
 }) => /* @__PURE__ */ e(
   "button",
   {
@@ -2340,15 +2354,15 @@ const cn = ({
         "hover:brightness-95 active:brightness-90": !n,
         "opacity-50 cursor-not-allowed": n
       },
-      r
+      o
     ),
     children: t
   }
-), dn = ({
+), mn = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
-  headerText: r,
+  headerText: o,
   className: l,
   avatarImage: d,
   avatarName: a
@@ -2371,9 +2385,9 @@ const cn = ({
         className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
         style: { backgroundColor: "#F1F0EE" },
         children: [
-          r && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: r }),
+          o && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: o }),
           c.map((g) => /* @__PURE__ */ e(
-            Qs,
+            en,
             {
               question: g.question,
               onClick: () => s(g.id),
@@ -2385,63 +2399,63 @@ const cn = ({
       }
     )
   ] }) });
-}, 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, L) => {
+}, un = (t, s = {}) => {
+  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, d] = k([]), [a, c] = k(!1), [g, h] = k(null), [b, C] = k(n), [S, m] = k(!0), [v, r] = k(), p = U(async (_ = !1, L) => {
     if (a) return;
     const x = L !== void 0 ? L : b;
     c(!0), h(null);
     try {
       const u = await t.loadParticipants({
         search: x || void 0,
-        limit: r,
-        cursor: w ? void 0 : S
+        limit: o,
+        cursor: _ ? void 0 : v
       });
       d(
-        (f) => w ? u.participants : [...f, ...u.participants]
-      ), m(u.hasMore), o(u.nextCursor);
+        (f) => _ ? u.participants : [...f, ...u.participants]
+      ), m(u.hasMore), r(u.nextCursor);
     } catch (u) {
       const f = u instanceof Error ? u.message : "Failed to load participants";
       h(f), console.error("[useParticipants] Load error:", u);
     } finally {
       c(!1);
     }
-  }, [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]);
+  }, [t, b, v, o, a]), M = U(() => {
+    S && !a && p(!1);
+  }, [S, a, p]), N = U((_) => {
+    C(_), r(void 0), p(!0, _);
+  }, [p]), w = U(() => {
+    r(void 0), p(!0);
+  }, [p]);
   return X(() => {
-    y(!0);
+    p(!0);
   }, [t.loadParticipants]), {
     participants: l,
     loading: a,
     error: g,
     searchQuery: b,
-    hasMore: E,
+    hasMore: S,
     totalCount: t.totalCount,
     loadMore: M,
     search: N,
-    refresh: v
+    refresh: w
   };
 };
 export {
   we as ActionButton,
   ie as Avatar,
-  Ys as ChannelEmptyState,
+  Ws 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,
+  mn as FaqList,
+  en as FaqListItem,
+  Ss as LockedAttachment,
+  ks as MessageVoteButtons,
+  cn as MessagingProvider,
+  dn as MessagingShell,
+  Ks as ParticipantPicker,
+  ms as formatRelativeTime,
+  ws as useMessageVote,
   os as useMessaging,
-  mn as useParticipants
+  un as useParticipants
 };
 //# sourceMappingURL=index.js.map