@linktr.ee/messaging-react 1.24.3 → 1.24.4-rc-1773546789

package/dist/index.js

@@ -35,7 +35,7 @@ const Ge = rt({
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [c, g] = k(null), [f, N] = k(null), [b, y] = k(!1), [r, S] = k(!1), [v, w] = k(null), D = J(!1), C = J({
+  const [c, g] = k(null), [h, b] = k(null), [C, y] = k(!1), [r, S] = k(!1), [v, w] = k(null), D = J(!1), N = J({
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
@@ -45,12 +45,12 @@ const Ge = rt({
     renderCount: p.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (o == null ? void 0 : o.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: C.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: C.current.apiKey !== o,
-      serviceConfigChanged: C.current.serviceConfig !== n,
-      capabilitiesChanged: C.current.capabilities !== l
+      userChanged: N.current.userId !== (s == null ? void 0 : s.id),
+      apiKeyChanged: N.current.apiKey !== o,
+      serviceConfigChanged: N.current.serviceConfig !== n,
+      capabilitiesChanged: N.current.capabilities !== l
     }
-  }), C.current = {
+  }), N.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
@@ -64,8 +64,8 @@ const Ge = rt({
       dependencies: {
         apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
         serviceConfigRef: n,
-        serviceConfigStable: C.current.serviceConfig === n,
-        apiKeyStable: C.current.apiKey === o
+        serviceConfigStable: N.current.serviceConfig === n,
+        apiKeyStable: N.current.apiKey === o
       }
     }), !o || !n) {
       a("⚠️ SERVICE INIT SKIPPED", {
@@ -77,7 +77,7 @@ const Ge = rt({
     a("🚀 CREATING NEW SERVICE", {
       renderCount: u,
       apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
-      serviceConfigChanged: C.current.serviceConfig !== n
+      serviceConfigChanged: N.current.serviceConfig !== n
     });
     const d = new lt({
       ...n,
@@ -102,7 +102,7 @@ const Ge = rt({
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
       isConnecting: D.current,
-      isConnected: b,
+      isConnected: C,
       dependencies: { service: !!c, userId: s == null ? void 0 : s.id }
     }), !c || !s) {
       a("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
@@ -124,7 +124,7 @@ const Ge = rt({
       try {
         a("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
         const M = await c.connectUser(s);
-        N(M), y(!0), E.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
+        b(M), y(!0), E.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
           clientId: M.userID
         });
@@ -137,22 +137,22 @@ const Ge = rt({
       } finally {
         S(!1), D.current = !1, a("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
-          isConnected: b
+          isConnected: C
         });
       }
     })();
-  }, [c, s, a, b]), Q(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, a, C]), Q(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
-    isConnected: b
+    isConnected: C
   }), () => {
-    c && b ? (a(
+    c && C ? (a(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
     ), E.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!c,
-      isConnected: b
+      isConnected: C
     });
-  }), [c, b, a]);
+  }), [c, C, a]);
   const _ = L(async () => {
     if (a("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
@@ -165,7 +165,7 @@ const Ge = rt({
     try {
       a("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), a("📞 RECONNECTING FOR REFRESH");
       const u = await c.connectUser(s);
-      N(u), y(!0), w(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+      b(u), y(!0), w(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
     } catch (u) {
       const d = u instanceof Error ? u.message : "Refresh failed";
       w(d), a("❌ CONNECTION REFRESH ERROR", {
@@ -175,17 +175,17 @@ const Ge = rt({
     } finally {
       S(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [c, s, a]), h = F.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [c, s, a]), f = F.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
-    hasClient: !!f,
-    isConnected: b,
+    hasClient: !!h,
+    isConnected: C,
     isLoading: r,
     hasError: !!v,
     capabilitiesKeys: Object.keys(l)
   }), {
     service: c,
-    client: f,
-    isConnected: b,
+    client: h,
+    isConnected: C,
     isLoading: r,
     error: v,
     capabilities: l,
@@ -193,8 +193,8 @@ const Ge = rt({
     debug: m
   }), [
     c,
-    f,
-    b,
+    h,
+    C,
     r,
     v,
     l,
@@ -204,12 +204,12 @@ const Ge = rt({
   ]);
   return a("🔄 RENDER END", {
     renderCount: p.current,
-    willRenderChat: !!(f && b),
-    contextValueReady: !!h
-  }), /* @__PURE__ */ e(Ge.Provider, { value: h, children: f && b ? /* @__PURE__ */ e(
+    willRenderChat: !!(h && C),
+    contextValueReady: !!f
+  }), /* @__PURE__ */ e(Ge.Provider, { value: f, children: h && C ? /* @__PURE__ */ e(
     it,
     {
-      client: f,
+      client: h,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -358,12 +358,12 @@ const te = ({
   isMyMessage: n = !1,
   hasAttachment: o = !1
 }) => {
-  var b;
+  var C;
   const l = He(t), m = ke(t);
   if (!l && !m)
     return null;
   if (l) {
-    const y = (b = t.metadata) == null ? void 0 : b.amount_text;
+    const y = (C = t.metadata) == null ? void 0 : C.amount_text;
     if (!y) return null;
     const r = s ? "message-tip-standalone" : "message-tag message-tag--tip", S = s ? `${y} tip` : `Delivered with ${y} tip`;
     return /* @__PURE__ */ i("div", { className: r, children: [
@@ -375,28 +375,28 @@ const te = ({
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     a ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), f = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), N = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(as, { 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(as, { size: a ? 12 : 15 }) });
   return /* @__PURE__ */ e("div", { className: g, "data-testid": "message-chatbot-indicator", children: n && !a ? /* @__PURE__ */ i(de, { children: [
-    f,
-    N
+    h,
+    b
   ] }) : /* @__PURE__ */ i(de, { children: [
-    N,
-    f
+    b,
+    h
   ] }) });
 }, ze = F.memo(
   ({ channel: t, unread: s }) => {
-    var E, _, h, u;
+    var E, _, f, u;
     const { selectedChannel: n, onChannelSelect: o, debug: l, renderMessagePreview: m } = Kt(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
       t && o(t);
     }, g = (d) => {
       const x = d.key === "Enter" || d.key === " ", M = d.repeat;
       !x || M || (d.preventDefault(), c());
-    }, N = Object.values(((E = t == null ? void 0 : t.state) == null ? void 0 : E.members) || {}).find(
+    }, b = Object.values(((E = t == null ? void 0 : t.state) == null ? void 0 : E.members) || {}).find(
       (d) => {
         var x, M;
         return ((x = d.user) == null ? void 0 : x.id) && d.user.id !== ((M = t == null ? void 0 : t._client) == null ? void 0 : M.userID);
       }
-    ), b = ((_ = N == null ? void 0 : N.user) == null ? void 0 : _.name) || "Conversation", y = (h = N == null ? void 0 : N.user) == null ? void 0 : h.image, r = (() => {
+    ), C = ((_ = b == null ? void 0 : b.user) == null ? void 0 : _.name) || "Conversation", y = (f = b == null ? void 0 : b.user) == null ? void 0 : f.image, r = (() => {
       var x;
       const d = (x = t == null ? void 0 : t.state) == null ? void 0 : x.messages;
       if (d != null && d.length) {
@@ -408,11 +408,11 @@ const te = ({
       if (r != null && r.text) return r.text;
       const d = (x = r == null ? void 0 : r.attachments) == null ? void 0 : x[0];
       return d ? d.og_scrape_url ? d.og_scrape_url : d.type === "image" ? "📷 Sent an image" : d.type === "video" ? "🎥 Sent a video" : d.type === "audio" ? "🎵 Sent audio" : d.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), w = r != null && r.created_at ? ts(new Date(r.created_at)) : "", D = r ? ke(r) : !1, C = m ? m(r, v) : `${D ? "✨ " : ""}${v}`, p = s ?? 0;
+    })(), w = r != null && r.created_at ? ts(new Date(r.created_at)) : "", D = r ? ke(r) : !1, N = m ? m(r, v) : `${D ? "✨ " : ""}${v}`, p = s ?? 0;
     return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: a,
-      participantName: b,
+      participantName: C,
       unreadCount: p,
       hasTimestamp: !!w
     }), /* @__PURE__ */ e(
@@ -433,8 +433,8 @@ const te = ({
           /* @__PURE__ */ e(
             te,
             {
-              id: ((u = N == null ? void 0 : N.user) == null ? void 0 : u.id) || t.id || "unknown",
-              name: b,
+              id: ((u = b == null ? void 0 : b.user) == null ? void 0 : u.id) || t.id || "unknown",
+              name: C,
               image: y,
               size: 44,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
@@ -449,13 +449,13 @@ const te = ({
                     "text-sm font-medium truncate",
                     a ? "text-primary" : "text-charcoal"
                   ),
-                  children: b
+                  children: C
                 }
               ),
               w && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: w })
             ] }),
             /* @__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: C }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: N }),
               p > 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: p > 99 ? "99+" : p })
             ] })
           ] })
@@ -470,46 +470,47 @@ const is = { last_message_at: -1 }, We = F.memo(
     onChannelSelect: t,
     selectedChannel: s,
     filters: n,
-    sort: o = is,
-    className: l,
-    customEmptyStateIndicator: m,
-    renderMessagePreview: a
+    allowNewMessagesFromUnfilteredChannels: o = !1,
+    sort: l = is,
+    className: m,
+    customEmptyStateIndicator: a,
+    renderMessagePreview: c
   }) => {
-    const c = F.useRef(0);
-    c.current++;
-    const { debug: g = !1 } = ve();
-    g && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: c.current,
+    const g = F.useRef(0);
+    g.current++;
+    const { debug: h = !1 } = ve();
+    h && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: g.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const f = F.useMemo(
+    const b = F.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
-        debug: g,
-        renderMessagePreview: a
+        debug: h,
+        renderMessagePreview: c
       }),
-      [s, t, g, a]
+      [s, t, h, c]
     );
     return /* @__PURE__ */ e(
       "div",
       {
         className: R(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          l
+          m
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(Xt, { value: f, children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(Xt, { value: b, children: /* @__PURE__ */ e(
           ct,
           {
             filters: n,
-            sort: o,
+            sort: l,
             options: { limit: 30 },
-            allowNewMessagesFromUnfilteredChannels: !1,
+            allowNewMessagesFromUnfilteredChannels: o,
             Preview: ze,
-            EmptyStateIndicator: m
+            EmptyStateIndicator: a
           },
-          `${JSON.stringify(n)}:${JSON.stringify(o)}`
+          `${JSON.stringify(n)}:${JSON.stringify(l)}`
         ) }) })
       }
     );
@@ -647,14 +648,14 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     groupedByUser: a,
     handleAction: c,
     handleOpenThread: g,
-    handleRetry: f,
-    highlighted: N,
-    isMessageAIGenerated: b,
+    handleRetry: h,
+    highlighted: b,
+    isMessageAIGenerated: C,
     isMyMessage: y,
     message: r,
     renderText: S,
     threadList: v
-  } = t, { client: w } = $e("CustomMessage"), [D, C] = k(!1), p = mt(r.id), { selected: E, voteUp: _, voteDown: h } = us(r), {
+  } = t, { client: w } = $e("CustomMessage"), [D, N] = k(!1), p = mt(r.id), { selected: E, voteUp: _, voteDown: f } = us(r), {
     Attachment: u = ft,
     EditMessageModal: d = gt,
     MessageBlocked: x = xt,
@@ -666,8 +667,8 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     StreamedMessageText: W = pt,
     PinIndicator: B
   } = ht("CustomMessage"), se = yt(r), ne = Et(r), ae = Ee(
-    () => b == null ? void 0 : b(r),
-    [b, r]
+    () => C == null ? void 0 : C(r),
+    [C, r]
   ), j = Ee(
     () => !r.shared_location && !r.attachments ? [] : r.shared_location ? [r.shared_location, ...r.attachments ?? []] : r.attachments,
     [r]
@@ -680,7 +681,7 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     return /* @__PURE__ */ e(x, {});
   const re = !v && !!r.reply_count, P = !v && r.show_in_channel && r.parent_id, U = r.status === "failed" && ((ce = r.error) == null ? void 0 : ce.status) !== 403, G = St(r);
   let A;
-  U ? A = () => f(r) : G && (A = () => C(!0));
+  U ? A = () => h(r) : G && (A = () => N(!0));
   const X = y(), q = R(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${r.type}`,
@@ -689,7 +690,7 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     r.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": se,
-      "str-chat__message--highlighted": N,
+      "str-chat__message--highlighted": b,
       "str-chat__message--pinned pinned-message": r.pinned,
       "str-chat__message--with-reactions": ne,
       "str-chat__message-send-can-be-retried": (r == null ? void 0 : r.status) === "failed" && ((me = r == null ? void 0 : r.error) == null ? void 0 : me.status) !== 403,
@@ -710,7 +711,7 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       Mt,
       {
         MessageBouncePrompt: M,
-        onClose: () => C(!1),
+        onClose: () => N(!1),
         open: D
       }
     ),
@@ -786,7 +787,7 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
               {
                 selected: E,
                 onVoteUp: _,
-                onVoteDown: h
+                onVoteDown: f
               }
             )
           ] })
@@ -1016,27 +1017,27 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       var E;
       return ((E = p.user) == null ? void 0 : E.id) && p.user.id !== m._client.userID;
     }
-  ), [m._client.userID, m.state.members]), c = ((y = a == null ? void 0 : a.user) == null ? void 0 : y.name) || ((r = a == null ? void 0 : a.user) == null ? void 0 : r.id) || "Unknown member", g = (S = a == null ? void 0 : a.user) == null ? void 0 : S.image, [f, N] = k(
+  ), [m._client.userID, m.state.members]), c = ((y = a == null ? void 0 : a.user) == null ? void 0 : y.name) || ((r = a == null ? void 0 : a.user) == null ? void 0 : r.id) || "Unknown member", g = (S = a == null ? void 0 : a.user) == null ? void 0 : S.image, [h, b] = k(
     !!((v = m.state.membership) != null && v.pinned_at)
   );
   Q(() => {
-    const C = (p) => {
+    const N = (p) => {
       var E;
-      N(
+      b(
         p != null && p.member ? !!p.member.pinned_at : !!((E = m.state.membership) != null && E.pinned_at)
       );
     };
-    return m.on("member.updated", C), () => {
-      m.off("member.updated", C);
+    return m.on("member.updated", N), () => {
+      m.off("member.updated", N);
     };
   }, [m]);
-  const b = async () => {
+  const C = async () => {
     try {
-      f ? await m.unpin() : await m.pin();
-    } catch (C) {
+      h ? await m.unpin() : await m.pin();
+    } catch (N) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        C
+        N
       );
     }
   };
@@ -1070,17 +1071,17 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           "button",
           {
             className: le,
-            onClick: b,
+            onClick: C,
             type: "button",
-            "aria-label": f ? "Unstar conversation" : "Star conversation",
+            "aria-label": h ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               Le,
               {
                 className: R("size-5", {
-                  "text-yellow-600": f,
-                  "text-black/90": !f
+                  "text-yellow-600": h,
+                  "text-black/90": !h
                 }),
-                weight: f ? "duotone" : "regular"
+                weight: h ? "duotone" : "regular"
               }
             )
           }
@@ -1125,17 +1126,17 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           "button",
           {
             className: le,
-            onClick: b,
+            onClick: C,
             type: "button",
-            "aria-label": f ? "Unstar conversation" : "Star conversation",
+            "aria-label": h ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               Le,
               {
                 className: R("size-5", {
-                  "text-yellow-600": f,
-                  "text-black/90": !f
+                  "text-yellow-600": h,
+                  "text-black/90": !h
                 }),
-                weight: f ? "duotone" : "regular"
+                weight: h ? "duotone" : "regular"
               }
             )
           }
@@ -1163,12 +1164,12 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onBlockParticipant: a,
   showDeleteConversation: c = !0,
   onDeleteConversationClick: g,
-  onBlockParticipantClick: f,
-  onReportParticipantClick: N,
-  customChannelActions: b
+  onBlockParticipantClick: h,
+  onReportParticipantClick: b,
+  customChannelActions: C
 }) => {
   var W, B, se, ne, ae, j, re;
-  const { service: y, debug: r } = ve(), [S, v] = k(!1), [w, D] = k(!1), [C, p] = k(!1), E = L(async () => {
+  const { service: y, debug: r } = ve(), [S, v] = k(!1), [w, D] = k(!1), [N, p] = k(!1), E = L(async () => {
     var P;
     if (!(!y || !((P = n == null ? void 0 : n.user) != null && P.id)))
       try {
@@ -1202,10 +1203,10 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         D(!1);
       }
     }
-  }, h = async () => {
+  }, f = async () => {
     var P, U, G;
-    if (!(C || !y)) {
-      f == null || f(), r && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), p(!0);
+    if (!(N || !y)) {
+      h == null || h(), r && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), p(!0);
       try {
         await y.blockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), a && await a((G = n == null ? void 0 : n.user) == null ? void 0 : G.id), s();
       } catch (A) {
@@ -1216,8 +1217,8 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     }
   }, u = async () => {
     var P, U, G;
-    if (!(C || !y)) {
-      f == null || f(), r && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), p(!0);
+    if (!(N || !y)) {
+      h == null || h(), r && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), p(!0);
       try {
         await y.unBlockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), a && await a((G = n == null ? void 0 : n.user) == null ? void 0 : G.id), s();
       } catch (A) {
@@ -1227,7 +1228,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     }
   }, d = () => {
-    N == null || N(), s(), window.open(
+    b == null || b(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
       "noopener,noreferrer"
@@ -1306,21 +1307,21 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 xe,
                 {
                   onClick: u,
-                  disabled: C,
-                  "aria-busy": C,
+                  disabled: N,
+                  "aria-busy": N,
                   children: [
-                    C ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
+                    N ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ i(
                 xe,
                 {
-                  onClick: h,
-                  disabled: C,
-                  "aria-busy": C,
+                  onClick: f,
+                  disabled: N,
+                  "aria-busy": N,
                   children: [
-                    C ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
+                    N ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
@@ -1329,7 +1330,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 /* @__PURE__ */ e(Zt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
-              b
+              C
             ] })
           ] })
         ] })
@@ -1346,19 +1347,19 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   showDeleteConversation: a = !0,
   onDeleteConversationClick: c,
   onBlockParticipantClick: g,
-  onReportParticipantClick: f,
-  showStarButton: N = !1,
-  chatbotVotingEnabled: b = !1,
+  onReportParticipantClick: h,
+  showStarButton: b = !1,
+  chatbotVotingEnabled: C = !1,
   renderChannelBanner: y,
   customChannelActions: r,
   renderMessage: S
 }) => {
   const { channel: v } = Se(), w = J(null), D = F.useMemo(() => Object.values(v.state.members || {}).find(
-    (h) => {
+    (f) => {
       var u;
-      return ((u = h.user) == null ? void 0 : u.id) && h.user.id !== v._client.userID;
+      return ((u = f.user) == null ? void 0 : u.id) && f.user.id !== v._client.userID;
     }
-  ), [v._client.userID, v.state.members]), C = F.useMemo(() => {
+  ), [v._client.userID, v.state.members]), N = F.useMemo(() => {
     const _ = v.data ?? {};
     if (_.followerStatus)
       return String(_.followerStatus);
@@ -1377,14 +1378,14 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       {
         overrides: {
           Message: (_) => {
-            const { message: h } = je("ChannelView"), u = /* @__PURE__ */ e(
+            const { message: f } = je("ChannelView"), u = /* @__PURE__ */ e(
               bs,
               {
                 ..._,
-                chatbotVotingEnabled: b
+                chatbotVotingEnabled: C
               }
             );
-            return !S || !h ? u : S(u, h);
+            return !S || !f ? u : S(u, f);
           }
         },
         children: /* @__PURE__ */ i(Vt, { children: [
@@ -1395,7 +1396,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               showBackButton: s,
               onShowInfo: p,
               canShowInfo: !!D,
-              showStarButton: N
+              showStarButton: b
             }
           ) }),
           y == null ? void 0 : y(),
@@ -1424,13 +1425,13 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         onClose: E,
         participant: D,
         channel: v,
-        followerStatusLabel: C,
+        followerStatusLabel: N,
         onLeaveConversation: l,
         onBlockParticipant: m,
         showDeleteConversation: a,
         onDeleteConversationClick: c,
         onBlockParticipantClick: g,
-        onReportParticipantClick: f,
+        onReportParticipantClick: h,
         customChannelActions: r
       }
     )
@@ -1446,21 +1447,21 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onBlockParticipant: a,
     className: c,
     CustomChannelEmptyState: g = Ss,
-    showDeleteConversation: f = !0,
-    onDeleteConversationClick: N,
-    onBlockParticipantClick: b,
+    showDeleteConversation: h = !0,
+    onDeleteConversationClick: b,
+    onBlockParticipantClick: C,
     onReportParticipantClick: y,
     dmAgentEnabled: r,
     messageMetadata: S,
     onMessageSent: v,
     showStarButton: w = !1,
     chatbotVotingEnabled: D = !1,
-    renderChannelBanner: C,
+    renderChannelBanner: N,
     customChannelActions: p,
     renderMessage: E
   }) => {
     const _ = L(
-      async (h, u, d) => {
+      async (f, u, d) => {
         var T;
         const x = ((T = t.data) == null ? void 0 : T.chatbot_paused) === !0, M = r && !x, H = {
           ...u,
@@ -1505,13 +1506,13 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 onLeaveConversation: m,
                 onBlockParticipant: a,
                 CustomChannelEmptyState: g,
-                showDeleteConversation: f,
-                onDeleteConversationClick: N,
-                onBlockParticipantClick: b,
+                showDeleteConversation: h,
+                onDeleteConversationClick: b,
+                onBlockParticipantClick: C,
                 onReportParticipantClick: y,
                 showStarButton: w,
                 chatbotVotingEnabled: D,
-                renderChannelBanner: C,
+                renderChannelBanner: N,
                 customChannelActions: p,
                 renderMessage: E
               }
@@ -1571,9 +1572,9 @@ const Ls = ({
   searchPlaceholder: m = "Search participants...",
   className: a
 }) => {
-  const { debug: c } = ve(), [g, f] = k(""), [N, b] = k([]), [y, r] = k(!1), [S, v] = k(null), [w, D] = k(
+  const { debug: c } = ve(), [g, h] = k(""), [b, C] = k([]), [y, r] = k(!1), [S, v] = k(null), [w, D] = k(
     null
-  ), C = J(!1);
+  ), N = J(!1);
   Q(() => {
     if (t.loading) {
       c && console.log(
@@ -1581,7 +1582,7 @@ const Ls = ({
       );
       return;
     }
-    if (C.current) return;
+    if (N.current) return;
     (async () => {
       c && console.log("[ParticipantPicker] Loading initial participants..."), r(!0), v(null);
       try {
@@ -1590,7 +1591,7 @@ const Ls = ({
           // Load all participants initially
           limit: 100
         });
-        b(u.participants), C.current = !0, c && console.log(
+        C(u.participants), N.current = !0, c && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
           u.participants.length
         );
@@ -1602,25 +1603,25 @@ const Ls = ({
       }
     })();
   }, [t.loading, c]);
-  const p = N.filter((h) => !o.has(h.id)).filter((h) => {
+  const p = b.filter((f) => !o.has(f.id)).filter((f) => {
     var d;
     if (!g) return !0;
     const u = g.toLowerCase();
-    return h.name.toLowerCase().includes(u) || ((d = h.email) == null ? void 0 : d.toLowerCase().includes(u)) || !1;
+    return f.name.toLowerCase().includes(u) || ((d = f.email) == null ? void 0 : d.toLowerCase().includes(u)) || !1;
   }), E = L(
-    async (h) => {
+    async (f) => {
       if (!w) {
-        D(h.id);
+        D(f.id);
         try {
-          await s(h);
+          await s(f);
         } catch (u) {
           console.error("[ParticipantPicker] Failed to start chat:", u), D(null);
         }
       }
     },
     [s, w]
-  ), _ = (h, u) => {
-    (h.key === "Enter" || h.key === " ") && (h.preventDefault(), E(u));
+  ), _ = (f, u) => {
+    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), E(u));
   };
   return /* @__PURE__ */ i("div", { className: R("flex flex-col h-full", a), children: [
     /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
@@ -1640,7 +1641,7 @@ const Ls = ({
         Rs,
         {
           searchQuery: g,
-          setSearchQuery: f,
+          setSearchQuery: h,
           placeholder: m
         }
       )
@@ -1660,26 +1661,26 @@ const Ls = ({
       ] })
     ] }) }) : p.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(Oe, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: g ? `No ${l} found` : N.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" : N.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
+      /* @__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: [
-      p.map((h) => {
-        const u = h.name || h.email || h.id, d = h.email && h.name ? h.email : h.phone;
+      p.map((f) => {
+        const u = f.name || f.email || f.id, d = f.email && f.name ? f.email : f.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => E(h),
-            onKeyDown: (x) => _(x, h),
+            onClick: () => E(f),
+            onKeyDown: (x) => _(x, f),
             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(
                   te,
                   {
-                    id: h.id,
+                    id: f.id,
                     name: u,
-                    image: h.image,
+                    image: f.image,
                     size: 40
                   }
                 ),
@@ -1688,10 +1689,10 @@ const Ls = ({
                   d && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: d })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: w === h.id ? /* @__PURE__ */ e(be, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Oe, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: w === f.id ? /* @__PURE__ */ e(be, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Oe, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
-        ) }, h.id);
+        ) }, f.id);
       }),
       y && /* @__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" }),
@@ -1868,20 +1869,20 @@ const Hs = ({
   initialParticipantFilter: a,
   initialParticipantData: c,
   CustomChannelEmptyState: g,
-  showChannelList: f = !0,
-  filters: N,
-  channelListCustomEmptyStateIndicator: b,
+  showChannelList: h = !0,
+  filters: b,
+  channelListCustomEmptyStateIndicator: C,
   onDeleteConversationClick: y,
   onBlockParticipantClick: r,
   onReportParticipantClick: S,
   dmAgentEnabled: v,
   messageMetadata: w,
   onMessageSent: D,
-  showStarButton: C = !1,
+  showStarButton: N = !1,
   chatbotVotingEnabled: p = !1,
   renderMessagePreview: E,
   renderChannelBanner: _,
-  customChannelActions: h,
+  customChannelActions: f,
   renderMessage: u
 }) => {
   const {
@@ -1907,9 +1908,9 @@ const Hs = ({
           hidden: !1
         }
       },
-      ...N
+      ...b
     };
-  }, [N, x == null ? void 0 : x.userID]), he = J(null), oe = L(async () => {
+  }, [b, x == null ? void 0 : x.userID]), he = J(null), oe = L(async () => {
     if (!x || !M) return;
     const I = x.userID;
     if (I)
@@ -2083,11 +2084,11 @@ const Hs = ({
               className: R(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": f === !1 || q,
+                  "!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": f !== !1 && !q && ge,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": h !== !1 && !q && ge,
                   // 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": f !== !1 && !q && !ge
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": h !== !1 && !q && !ge
                 }
               ),
               children: /* @__PURE__ */ e(
@@ -2096,7 +2097,7 @@ const Hs = ({
                   onChannelSelect: Xe,
                   selectedChannel: W || void 0,
                   filters: Qe,
-                  customEmptyStateIndicator: b,
+                  customEmptyStateIndicator: C,
                   renderMessagePreview: E
                 }
               )
@@ -2133,9 +2134,9 @@ const Hs = ({
                   dmAgentEnabled: v,
                   messageMetadata: w,
                   onMessageSent: D,
-                  showStarButton: C,
+                  showStarButton: N,
                   chatbotVotingEnabled: p,
-                  customChannelActions: h,
+                  customChannelActions: f,
                   renderMessage: u
                 },
                 W.id
@@ -2208,7 +2209,7 @@ const Hs = ({
   avatarImage: m,
   avatarName: a
 }) => {
-  const c = t.filter((g) => g.enabled).sort((g, f) => (g.order ?? 0) - (f.order ?? 0));
+  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: [
     (m || a) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
       te,
@@ -2241,13 +2242,13 @@ const Hs = ({
     )
   ] }) });
 }, Ws = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, m] = k([]), [a, c] = k(!1), [g, f] = k(null), [N, b] = k(n), [y, r] = k(!0), [S, v] = k(), w = L(async (E = !1, _) => {
+  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, m] = k([]), [a, c] = k(!1), [g, h] = k(null), [b, C] = k(n), [y, r] = k(!0), [S, v] = k(), w = L(async (E = !1, _) => {
     if (a) return;
-    const h = _ !== void 0 ? _ : N;
-    c(!0), f(null);
+    const f = _ !== void 0 ? _ : b;
+    c(!0), h(null);
     try {
       const u = await t.loadParticipants({
-        search: h || void 0,
+        search: f || void 0,
         limit: o,
         cursor: E ? void 0 : S
       });
@@ -2256,14 +2257,14 @@ const Hs = ({
       ), r(u.hasMore), v(u.nextCursor);
     } catch (u) {
       const d = u instanceof Error ? u.message : "Failed to load participants";
-      f(d), console.error("[useParticipants] Load error:", u);
+      h(d), console.error("[useParticipants] Load error:", u);
     } finally {
       c(!1);
     }
-  }, [t, N, S, o, a]), D = L(() => {
+  }, [t, b, S, o, a]), D = L(() => {
     y && !a && w(!1);
-  }, [y, a, w]), C = L((E) => {
-    b(E), v(void 0), w(!0, E);
+  }, [y, a, w]), N = L((E) => {
+    C(E), v(void 0), w(!0, E);
   }, [w]), p = L(() => {
     v(void 0), w(!0);
   }, [w]);
@@ -2273,11 +2274,11 @@ const Hs = ({
     participants: l,
     loading: a,
     error: g,
-    searchQuery: N,
+    searchQuery: b,
     hasMore: y,
     totalCount: t.totalCount,
     loadMore: D,
-    search: C,
+    search: N,
     refresh: p
   };
 };