@linktr.ee/messaging-react 1.5.1-rc-1761642868 → 1.5.2-rc-1761646054

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as c, Fragment as oe } from "react/jsx-runtime";
+import { jsx as e, jsxs as d, Fragment as oe } from "react/jsx-runtime";
 import T from "classnames";
 import X, { createContext as Ce, useContext as ve, useCallback as O, useState as I, useRef as G, useEffect as $ } from "react";
 import { StreamChatService as we } from "@linktr.ee/messaging-core";
@@ -21,12 +21,12 @@ const he = Ce({
   serviceConfig: n,
   apiKey: l,
   capabilities: i = {},
-  customization: d = {},
+  customization: c = {},
   debug: a = !1
 }) => {
   const r = O(
-    (C, ...y) => {
-      a && console.log(`🔥 [MessagingProvider] ${C}`, ...y);
+    (b, ...y) => {
+      a && console.log(`🔥 [MessagingProvider] ${b}`, ...y);
     },
     [a]
   );
@@ -35,14 +35,14 @@ const he = Ce({
     apiKey: (l == null ? void 0 : l.substring(0, 8)) + "...",
     serviceConfig: !!n,
     capabilities: Object.keys(i),
-    customization: Object.keys(d)
+    customization: Object.keys(c)
   });
-  const [o, x] = I(null), [m, E] = I(null), [h, w] = I(!1), [u, v] = I(!1), [N, D] = I(null), M = G(!1), R = G({
+  const [o, x] = I(null), [h, E] = I(null), [m, C] = I(!1), [u, w] = I(!1), [v, D] = I(null), M = G(!1), R = G({
     userId: s == null ? void 0 : s.id,
     apiKey: l,
     serviceConfig: n,
     capabilities: i,
-    customization: d
+    customization: c
   }), k = G(0);
   k.current++, r("📊 RENDER INFO", {
     renderCount: k.current,
@@ -52,18 +52,18 @@ const he = Ce({
       apiKeyChanged: R.current.apiKey !== l,
       serviceConfigChanged: R.current.serviceConfig !== n,
       capabilitiesChanged: R.current.capabilities !== i,
-      customizationChanged: R.current.customization !== d
+      customizationChanged: R.current.customization !== c
     }
   }), R.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: l,
     serviceConfig: n,
     capabilities: i,
-    customization: d
+    customization: c
   }, $(() => {
-    const C = k.current;
+    const b = k.current;
     if (r("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: C,
+      renderCount: b,
       apiKey: !!l,
       serviceConfig: !!n,
       dependencies: {
@@ -74,13 +74,13 @@ const he = Ce({
       }
     }), !l || !n) {
       r("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: C,
+        renderCount: b,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     r("🚀 CREATING NEW SERVICE", {
-      renderCount: C,
+      renderCount: b,
       apiKey: (l == null ? void 0 : l.substring(0, 8)) + "...",
       serviceConfigChanged: R.current.serviceConfig !== n
     });
@@ -90,11 +90,11 @@ const he = Ce({
       debug: a
     });
     return x(y), r("✅ SERVICE SET", {
-      renderCount: C,
+      renderCount: b,
       serviceInstance: !!y
     }), () => {
       r("🧹 SERVICE CLEANUP", {
-        renderCount: C,
+        renderCount: b,
         reason: "Effect cleanup"
       }), y.disconnectUser().catch(console.error);
     };
@@ -107,7 +107,7 @@ const he = Ce({
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
       isConnecting: M.current,
-      isConnected: h,
+      isConnected: m,
       dependencies: { service: !!o, userId: s == null ? void 0 : s.id }
     }), !o || !s) {
       r("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
@@ -125,39 +125,39 @@ const he = Ce({
       return;
     }
     (async () => {
-      r("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, v(!0), D(null);
+      r("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, w(!0), D(null);
       try {
         r("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const p = await o.connectUser(s);
-        E(p), w(!0), P.current = { serviceId: o, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
+        const F = await o.connectUser(s);
+        E(F), C(!0), P.current = { serviceId: o, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: p.userID
+          clientId: F.userID
         });
-      } catch (p) {
-        const j = p instanceof Error ? p.message : "Connection failed";
+      } catch (F) {
+        const j = F instanceof Error ? F.message : "Connection failed";
         D(j), r("❌ USER CONNECTION ERROR", {
           userId: s.id,
           error: j
         });
       } finally {
-        v(!1), M.current = !1, r("🔄 USER CONNECTION FINISHED", {
+        w(!1), M.current = !1, r("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
-          isConnected: h
+          isConnected: m
         });
       }
     })();
-  }, [o, s, r, h]), $(() => (r("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [o, s, r, m]), $(() => (r("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!o,
-    isConnected: h
+    isConnected: m
   }), () => {
-    o && h ? (r(
+    o && m ? (r(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
     ), P.current = null, o.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!o,
-      isConnected: h
+      isConnected: m
     });
-  }), [o, h, r]);
+  }), [o, m, r]);
   const f = O(async () => {
     if (r("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
@@ -166,58 +166,58 @@ const he = Ce({
       r("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    r("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), v(!0);
+    r("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), w(!0);
     try {
       r("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), r("📞 RECONNECTING FOR REFRESH");
-      const C = await o.connectUser(s);
-      E(C), w(!0), D(null), r("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
-    } catch (C) {
-      const y = C instanceof Error ? C.message : "Refresh failed";
+      const b = await o.connectUser(s);
+      E(b), C(!0), D(null), r("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+    } catch (b) {
+      const y = b instanceof Error ? b.message : "Refresh failed";
       D(y), r("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
         error: y
       });
     } finally {
-      v(!1), r("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      w(!1), r("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
   }, [o, s, r]), g = X.useMemo(() => (r("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
-    hasClient: !!m,
-    isConnected: h,
+    hasClient: !!h,
+    isConnected: m,
     isLoading: u,
-    hasError: !!N,
+    hasError: !!v,
     capabilitiesKeys: Object.keys(i),
-    customizationKeys: Object.keys(d)
+    customizationKeys: Object.keys(c)
   }), {
     service: o,
-    client: m,
-    isConnected: h,
+    client: h,
+    isConnected: m,
     isLoading: u,
-    error: N,
+    error: v,
     capabilities: i,
-    customization: d,
+    customization: c,
     refreshConnection: f,
     debug: a
   }), [
     o,
-    m,
     h,
+    m,
     u,
-    N,
+    v,
     i,
-    d,
+    c,
     f,
     a,
     r
   ]);
   return r("🔄 RENDER END", {
     renderCount: k.current,
-    willRenderChat: !!(m && h),
+    willRenderChat: !!(h && m),
     contextValueReady: !!g
-  }), /* @__PURE__ */ e(he.Provider, { value: g, children: m && h ? /* @__PURE__ */ e(Ie, { client: m, children: t }) : t });
-}, Fe = () => ee();
+  }), /* @__PURE__ */ e(he.Provider, { value: g, children: h && m ? /* @__PURE__ */ e(Ie, { client: h, children: t }) : t });
+}, pe = () => ee();
 function se({ label: t, className: s, children: n, ...l }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(
     "button",
     {
       type: "button",
@@ -237,7 +237,7 @@ function se({ label: t, className: s, children: n, ...l }) {
     }
   );
 }
-function pe(t) {
+function Fe(t) {
   const s = [
     { color: "#8129D9" },
     // purple
@@ -277,7 +277,7 @@ const ne = ({
   size: l = 40,
   className: i
 }) => {
-  const { color: d } = pe(t), a = s.charAt(0).toUpperCase(), o = l < 32 ? "text-xs" : l < 56 ? "text-sm" : "text-lg";
+  const { color: c } = Fe(t), a = s.charAt(0).toUpperCase(), o = l < 32 ? "text-xs" : l < 56 ? "text-sm" : "text-lg";
   return /* @__PURE__ */ e(
     "div",
     {
@@ -302,8 +302,8 @@ const ne = ({
             o
           ),
           style: {
-            color: d,
-            backgroundColor: `color-mix(in srgb, ${d} 20%, transparent)`
+            color: c,
+            backgroundColor: `color-mix(in srgb, ${c} 20%, transparent)`
           },
           children: a
         }
@@ -311,29 +311,29 @@ const ne = ({
     }
   );
 }, je = ({ channel: t, selectedChannel: s, onChannelSelect: n, debug: l = !1 }) => {
-  var u, v, N, D, M, R, k;
-  const i = (s == null ? void 0 : s.id) === (t == null ? void 0 : t.id), d = () => {
+  var u, w, v, D, M, R, k;
+  const i = (s == null ? void 0 : s.id) === (t == null ? void 0 : t.id), c = () => {
     t && n(t);
   }, r = Object.values(((u = t == null ? void 0 : t.state) == null ? void 0 : u.members) || {}).find(
     (P) => {
       var f, g;
       return ((f = P.user) == null ? void 0 : f.id) && P.user.id !== ((g = t == null ? void 0 : t._client) == null ? void 0 : g.userID);
     }
-  ), o = ((v = r == null ? void 0 : r.user) == null ? void 0 : v.name) || "Conversation", x = (N = r == null ? void 0 : r.user) == null ? void 0 : N.image, m = (M = (D = t == null ? void 0 : t.state) == null ? void 0 : D.messages) == null ? void 0 : M[t.state.messages.length - 1], E = (m == null ? void 0 : m.text) || "No messages yet", h = m != null && m.created_at ? new Date(m.created_at).toLocaleTimeString([], {
+  ), o = ((w = r == null ? void 0 : r.user) == null ? void 0 : w.name) || "Conversation", x = (v = r == null ? void 0 : r.user) == null ? void 0 : v.image, h = (M = (D = t == null ? void 0 : t.state) == null ? void 0 : D.messages) == null ? void 0 : M[t.state.messages.length - 1], E = (h == null ? void 0 : h.text) || "No messages yet", m = h != null && h.created_at ? new Date(h.created_at).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }) : "", w = ((R = t == null ? void 0 : t.state) == null ? void 0 : R.unreadCount) || 0;
+  }) : "", C = ((R = t == null ? void 0 : t.state) == null ? void 0 : R.unreadCount) || 0;
   return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
     channelId: t == null ? void 0 : t.id,
     isSelected: i,
     participantName: o,
-    unread: w,
-    hasTimestamp: !!h
+    unread: C,
+    hasTimestamp: !!m
   }), /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      onClick: d,
+      onClick: c,
       className: T(
         "w-full px-4 py-3 transition-colors border-b border-sand text-left max-w-full overflow-hidden focus-ring",
         {
@@ -341,7 +341,7 @@ const ne = ({
           "hover:bg-sand": !i
         }
       ),
-      children: /* @__PURE__ */ c("div", { className: "flex items-start gap-3", children: [
+      children: /* @__PURE__ */ d("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ e(
           ne,
           {
@@ -351,8 +351,8 @@ const ne = ({
             size: 44
           }
         ),
-        /* @__PURE__ */ c("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-          /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ d("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+          /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-2", children: [
             /* @__PURE__ */ e(
               "h3",
               {
@@ -363,11 +363,11 @@ const ne = ({
                 children: o
               }
             ),
-            h && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: h })
+            m && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: m })
           ] }),
-          /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
+          /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
             /* @__PURE__ */ e("p", { className: "text-xs text-stone mr-2 flex-1 line-clamp-2", children: E }),
-            w > 0 && /* @__PURE__ */ e("span", { className: "bg-primary text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: w > 99 ? "99+" : w })
+            C > 0 && /* @__PURE__ */ e("span", { className: "bg-primary text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: C > 99 ? "99+" : C })
           ] })
         ] })
       ] })
@@ -379,9 +379,9 @@ const ne = ({
   showStartConversation: n = !1,
   onStartConversation: l,
   participantLabel: i = "participants",
-  className: d
+  className: c
 }) => {
-  var m;
+  var h;
   const a = X.useRef(0);
   a.current++;
   const { debug: r = !1 } = ee();
@@ -396,25 +396,25 @@ const ne = ({
     renderCount: a.current,
     hasClient: !!o,
     clientUserId: o == null ? void 0 : o.userID,
-    clientConnected: (m = o == null ? void 0 : o.wsConnection) == null ? void 0 : m.isHealthy
+    clientConnected: (h = o == null ? void 0 : o.wsConnection) == null ? void 0 : h.isHealthy
   });
   const x = X.useMemo(() => {
-    const E = o.userID, h = E ? { type: "messaging", members: { $in: [E] }, hidden: !1 } : { type: "messaging" };
+    const E = o.userID, m = E ? { type: "messaging", members: { $in: [E] }, hidden: !1 } : { type: "messaging" };
     return r && console.log("📺 [ChannelList] 🔍 FILTERS MEMOIZED", {
       renderCount: a.current,
       userId: E,
-      filters: h
-    }), h;
+      filters: m
+    }), m;
   }, [o.userID, r]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(
     "div",
     {
       className: T(
         "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-        d
+        c
       ),
       children: [
-        /* @__PURE__ */ e("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-3 min-h-10 min-w-0", children: [
+        /* @__PURE__ */ e("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-3 min-h-10 min-w-0", children: [
           /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-charcoal", children: "Conversations" }),
           /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n && l && /* @__PURE__ */ e(
             se,
@@ -438,11 +438,11 @@ const ne = ({
             sort: { last_message_at: -1 },
             options: { limit: 30 },
             Preview: (E) => {
-              var h, w;
+              var m, C;
               return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
-                channelId: (h = E.channel) == null ? void 0 : h.id,
+                channelId: (m = E.channel) == null ? void 0 : m.id,
                 selectedChannelId: s == null ? void 0 : s.id,
-                isSelected: (s == null ? void 0 : s.id) === ((w = E.channel) == null ? void 0 : w.id)
+                isSelected: (s == null ? void 0 : s.id) === ((C = E.channel) == null ? void 0 : C.id)
               }), /* @__PURE__ */ e(
                 je,
                 {
@@ -479,19 +479,19 @@ const ne = ({
 function fe({ onClick: t }) {
   return /* @__PURE__ */ e(se, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(me, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "message-input flex items-center gap-2 p-4", children: [
+const Ae = ({ renderActions: t }) => /* @__PURE__ */ d("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && t(),
   /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e(Te, { focus: !0, maxRows: 4 }) })
 ] }), He = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: l }) => {
-  var o, x, m, E;
-  const { channel: i } = ue(), d = X.useMemo(() => Object.values(i.state.members || {}).find(
-    (w) => {
+  var o, x, h, E;
+  const { channel: i } = ue(), c = X.useMemo(() => Object.values(i.state.members || {}).find(
+    (C) => {
       var u;
-      return ((u = w.user) == null ? void 0 : u.id) && w.user.id !== i._client.userID;
+      return ((u = C.user) == null ? void 0 : u.id) && C.user.id !== i._client.userID;
     }
-  ), [i._client.userID, i.state.members]), a = ((o = d == null ? void 0 : d.user) == null ? void 0 : o.name) || ((x = d == null ? void 0 : d.user) == null ? void 0 : x.id) || "Unknown member", r = (m = d == null ? void 0 : d.user) == null ? void 0 : m.image;
-  return /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-3 min-h-12", children: [
-    /* @__PURE__ */ c("div", { className: "flex items-center gap-3 min-w-0", children: [
+  ), [i._client.userID, i.state.members]), a = ((o = c == null ? void 0 : c.user) == null ? void 0 : o.name) || ((x = c == null ? void 0 : c.user) == null ? void 0 : x.id) || "Unknown member", r = (h = c == null ? void 0 : c.user) == null ? void 0 : h.image;
+  return /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-3 min-h-12", children: [
+    /* @__PURE__ */ d("div", { className: "flex items-center gap-3 min-w-0", children: [
       s && t && /* @__PURE__ */ e(
         "button",
         {
@@ -505,7 +505,7 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
       /* @__PURE__ */ e(
         ne,
         {
-          id: ((E = d == null ? void 0 : d.user) == null ? void 0 : E.id) || i.id || "unknown",
+          id: ((E = c == null ? void 0 : c.user) == null ? void 0 : E.id) || i.id || "unknown",
           name: a,
           image: r,
           size: 40
@@ -521,16 +521,16 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
   participant: n,
   channel: l,
   followerStatusLabel: i,
-  onLeaveConversation: d,
+  onLeaveConversation: c,
   onBlockParticipant: a
 }) => {
-  var p, j, _, Q, V, z, q;
-  const { service: r, debug: o } = ee(), x = G(null), [m, E] = I(!1), [h, w] = I(!1), [u, v] = I(!1);
+  var F, j, _, Q, V, z, q;
+  const { service: r, debug: o } = ee(), x = G(null), [h, E] = I(!1), [m, C] = I(!1), [u, w] = I(!1);
   $(() => {
     const S = x.current;
     S && (t ? S.showModal() : S.close());
   }, [t]);
-  const N = O(async () => {
+  const v = O(async () => {
     var S;
     if (!(!r || !((S = n == null ? void 0 : n.user) != null && S.id)))
       try {
@@ -547,45 +547,45 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
           L
         );
       }
-  }, [r, (p = n == null ? void 0 : n.user) == null ? void 0 : p.id]);
+  }, [r, (F = n == null ? void 0 : n.user) == null ? void 0 : F.id]);
   $(() => {
-    t && N();
-  }, [t, N]);
+    t && v();
+  }, [t, v]);
   const D = async () => {
     var S;
-    if (!h) {
-      o && console.log("[ChannelInfoDialog] Leave conversation", l.cid), w(!0);
+    if (!m) {
+      o && console.log("[ChannelInfoDialog] Leave conversation", l.cid), C(!0);
       try {
         const L = ((S = l._client) == null ? void 0 : S.userID) ?? null;
-        await l.hide(L, !1), d && await d(l), s();
+        await l.hide(L, !1), c && await c(l), s();
       } catch (L) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", L);
       } finally {
-        w(!1);
+        C(!1);
       }
     }
   }, M = async () => {
     var S, L, A;
     if (!(u || !r)) {
-      o && console.log("[ChannelInfoDialog] Block member", (S = n == null ? void 0 : n.user) == null ? void 0 : S.id), v(!0);
+      o && console.log("[ChannelInfoDialog] Block member", (S = n == null ? void 0 : n.user) == null ? void 0 : S.id), w(!0);
       try {
         await r.blockUser((L = n == null ? void 0 : n.user) == null ? void 0 : L.id), a && await a((A = n == null ? void 0 : n.user) == null ? void 0 : A.id), s();
       } catch (W) {
         console.error("[ChannelInfoDialog] Failed to block member", W);
       } finally {
-        v(!1);
+        w(!1);
       }
     }
   }, R = async () => {
     var S, L, A;
     if (!(u || !r)) {
-      o && console.log("[ChannelInfoDialog] Unblock member", (S = n == null ? void 0 : n.user) == null ? void 0 : S.id), v(!0);
+      o && console.log("[ChannelInfoDialog] Unblock member", (S = n == null ? void 0 : n.user) == null ? void 0 : S.id), w(!0);
       try {
         await r.unBlockUser((L = n == null ? void 0 : n.user) == null ? void 0 : L.id), a && await a((A = n == null ? void 0 : n.user) == null ? void 0 : A.id), s();
       } catch (W) {
         console.error("[ChannelInfoDialog] Failed to unblock member", W);
       } finally {
-        v(!1);
+        w(!1);
       }
     }
   }, k = () => {
@@ -596,7 +596,7 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
     );
   };
   if (!n) return null;
-  const P = ((j = n.user) == null ? void 0 : j.name) || ((_ = n.user) == null ? void 0 : _.id) || "Unknown member", f = (Q = n.user) == null ? void 0 : Q.image, g = (V = n.user) == null ? void 0 : V.email, C = (z = n.user) == null ? void 0 : z.username, y = g || (C ? `linktr.ee/${C}` : void 0), B = ((q = n.user) == null ? void 0 : q.id) || "unknown";
+  const P = ((j = n.user) == null ? void 0 : j.name) || ((_ = n.user) == null ? void 0 : _.id) || "Unknown member", f = (Q = n.user) == null ? void 0 : Q.image, g = (V = n.user) == null ? void 0 : V.email, b = (z = n.user) == null ? void 0 : z.username, y = g || (b ? `linktr.ee/${b}` : void 0), B = ((q = n.user) == null ? void 0 : q.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -608,13 +608,13 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
         onClick: (S) => {
           S.target === x.current && s();
         },
-        children: /* @__PURE__ */ c("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-max-elevation-light", children: [
-          /* @__PURE__ */ c("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
+        children: /* @__PURE__ */ d("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-max-elevation-light", children: [
+          /* @__PURE__ */ d("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
             /* @__PURE__ */ e("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
             /* @__PURE__ */ e(fe, { onClick: s })
           ] }),
-          /* @__PURE__ */ c("div", { className: "flex-1 overflow-y-auto px-6 py-6", children: [
-            /* @__PURE__ */ e("div", { className: "rounded-2xl bg-chalk p-4", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ d("div", { className: "flex-1 overflow-y-auto px-6 py-6", children: [
+            /* @__PURE__ */ e("div", { className: "rounded-2xl bg-chalk p-4", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-4", children: [
               /* @__PURE__ */ e(
                 ne,
                 {
@@ -624,26 +624,26 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
                   size: 64
                 }
               ),
-              /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ d("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: P }),
                 y && /* @__PURE__ */ e("p", { className: "truncate text-sm text-stone", children: y }),
                 i && /* @__PURE__ */ e("span", { className: "mt-2 inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700", children: i })
               ] })
             ] }) }),
-            /* @__PURE__ */ c("ul", { className: "flex flex-col gap-2 mt-2", children: [
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(
+            /* @__PURE__ */ d("ul", { className: "flex flex-col gap-2 mt-2", children: [
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
                 J,
                 {
                   onClick: D,
-                  disabled: h,
-                  "aria-busy": h,
+                  disabled: m,
+                  "aria-busy": m,
                   children: [
-                    h ? /* @__PURE__ */ e(K, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Oe, { className: "h-5 w-5" }),
+                    m ? /* @__PURE__ */ e(K, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Oe, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Leave Conversation" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: m ? /* @__PURE__ */ c(
+              /* @__PURE__ */ e("li", { children: h ? /* @__PURE__ */ d(
                 J,
                 {
                   onClick: R,
@@ -654,7 +654,7 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
-              ) : /* @__PURE__ */ c(
+              ) : /* @__PURE__ */ d(
                 J,
                 {
                   onClick: M,
@@ -666,7 +666,7 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(J, { variant: "danger", onClick: k, children: [
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(J, { variant: "danger", onClick: k, children: [
                 /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) })
@@ -682,33 +682,39 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
   renderMessageInputActions: n,
   onLeaveConversation: l,
   onBlockParticipant: i,
-  CustomChannelEmptyState: d
+  CustomChannelEmptyState: c
 }) => {
-  var h, w;
-  const { channel: a } = ue(), [r, o] = I(!1), x = (((w = (h = a == null ? void 0 : a.state) == null ? void 0 : h.messages) == null ? void 0 : w.length) ?? 0) > 0, m = X.useMemo(() => Object.values(a.state.members || {}).find(
-    (v) => {
-      var N;
-      return ((N = v.user) == null ? void 0 : N.id) && v.user.id !== a._client.userID;
+  var E, m;
+  const { channel: a } = ue(), [r, o] = I(!1);
+  (((m = (E = a == null ? void 0 : a.state) == null ? void 0 : E.messages) == null ? void 0 : m.length) ?? 0) > 0;
+  const x = X.useMemo(() => Object.values(a.state.members || {}).find(
+    (u) => {
+      var w;
+      return ((w = u.user) == null ? void 0 : w.id) && u.user.id !== a._client.userID;
     }
-  ), [a._client.userID, a.state.members]), E = X.useMemo(() => {
-    const u = a.data ?? {};
-    return u.followerStatus ? String(u.followerStatus) : u.isFollower ? "Subscribed to you" : void 0;
+  ), [a._client.userID, a.state.members]), h = X.useMemo(() => {
+    const C = a.data ?? {};
+    return C.followerStatus ? String(C.followerStatus) : C.isFollower ? "Subscribed to you" : void 0;
   }, [a.data]);
-  return /* @__PURE__ */ c(oe, { children: [
-    /* @__PURE__ */ c(Re, { children: [
+  return /* @__PURE__ */ d(oe, { children: [
+    /* @__PURE__ */ d(Re, { children: [
       /* @__PURE__ */ e("div", { className: "border-b border-sand bg-white px-4 py-3", children: /* @__PURE__ */ e(
         He,
         {
           onBack: t,
           showBackButton: s,
           onShowInfo: () => o(!0),
-          canShowInfo: !!m
+          canShowInfo: !!x
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ e(
+        ke,
+        {
+          hideDeletedMessages: !0,
+          hideNewMessageSeparator: !1,
+          EmptyStateIndicator: c ? () => /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(c, {}) }) : void 0
         }
       ) }),
-      /* @__PURE__ */ c("div", { className: "flex-1 overflow-hidden", children: [
-        /* @__PURE__ */ e(ke, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 }),
-        x === !1 && d && /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(d, {}) })
-      ] }),
       /* @__PURE__ */ e(
         Ae,
         {
@@ -721,9 +727,9 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
       {
         isOpen: r,
         onClose: () => o(!1),
-        participant: m,
+        participant: x,
         channel: a,
-        followerStatusLabel: E,
+        followerStatusLabel: h,
         onLeaveConversation: l,
         onBlockParticipant: i
       }
@@ -735,7 +741,7 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
   showBackButton: n = !1,
   renderMessageInputActions: l,
   onLeaveConversation: i,
-  onBlockParticipant: d,
+  onBlockParticipant: c,
   className: a,
   CustomChannelEmptyState: r
 }) => /* @__PURE__ */ e(
@@ -752,7 +758,7 @@ const Ae = ({ renderActions: t }) => /* @__PURE__ */ c("div", { className: "mess
         showBackButton: n,
         renderMessageInputActions: l,
         onLeaveConversation: i,
-        onBlockParticipant: d,
+        onBlockParticipant: c,
         CustomChannelEmptyState: r
       }
     ) })
@@ -764,7 +770,7 @@ function Ve({
   placeholder: n
 }) {
   const l = G(null);
-  return /* @__PURE__ */ c("div", { className: "relative", children: [
+  return /* @__PURE__ */ d("div", { className: "relative", children: [
     /* @__PURE__ */ e(
       Le,
       {
@@ -803,10 +809,10 @@ const We = ({
   onClose: n,
   existingParticipantIds: l = /* @__PURE__ */ new Set(),
   participantLabel: i = "participants",
-  searchPlaceholder: d = "Search participants...",
+  searchPlaceholder: c = "Search participants...",
   className: a
 }) => {
-  const { debug: r } = ee(), [o, x] = I(""), [m, E] = I([]), [h, w] = I(!1), [u, v] = I(null), [N, D] = I(
+  const { debug: r } = ee(), [o, x] = I(""), [h, E] = I([]), [m, C] = I(!1), [u, w] = I(null), [v, D] = I(
     null
   ), M = G(!1);
   $(() => {
@@ -818,7 +824,7 @@ const We = ({
     }
     if (M.current) return;
     (async () => {
-      r && console.log("[ParticipantPicker] Loading initial participants..."), w(!0), v(null);
+      r && console.log("[ParticipantPicker] Loading initial participants..."), C(!0), w(null);
       try {
         const g = await t.loadParticipants({
           search: "",
@@ -830,21 +836,21 @@ const We = ({
           g.participants.length
         );
       } catch (g) {
-        const C = g instanceof Error ? g.message : "Failed to load participants";
-        v(C), console.error("[ParticipantPicker] Failed to load participants:", g);
+        const b = g instanceof Error ? g.message : "Failed to load participants";
+        w(b), console.error("[ParticipantPicker] Failed to load participants:", g);
       } finally {
-        w(!1);
+        C(!1);
       }
     })();
   }, [t.loading, r]);
-  const R = m.filter((f) => !l.has(f.id)).filter((f) => {
-    var C;
+  const R = h.filter((f) => !l.has(f.id)).filter((f) => {
+    var b;
     if (!o) return !0;
     const g = o.toLowerCase();
-    return f.name.toLowerCase().includes(g) || ((C = f.email) == null ? void 0 : C.toLowerCase().includes(g)) || !1;
+    return f.name.toLowerCase().includes(g) || ((b = f.email) == null ? void 0 : b.toLowerCase().includes(g)) || !1;
   }), k = O(
     async (f) => {
-      if (!N) {
+      if (!v) {
         D(f.id);
         try {
           await s(f);
@@ -853,17 +859,17 @@ const We = ({
         }
       }
     },
-    [s, N]
+    [s, v]
   ), P = (f, g) => {
     (f.key === "Enter" || f.key === " ") && (f.preventDefault(), k(g));
   };
-  return /* @__PURE__ */ c("div", { className: T("flex flex-col h-full", a), children: [
-    /* @__PURE__ */ c("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
-      /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-3", children: [
+  return /* @__PURE__ */ d("div", { className: T("flex flex-col h-full", a), children: [
+    /* @__PURE__ */ d("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-charcoal", children: "Start a new Conversation" }),
         /* @__PURE__ */ e(fe, { onClick: n })
       ] }),
-      /* @__PURE__ */ c("p", { className: "text-xs text-stone mb-3", children: [
+      /* @__PURE__ */ d("p", { className: "text-xs text-stone mb-3", children: [
         "Select a ",
         i.slice(0, -1),
         " to start messaging (",
@@ -876,30 +882,30 @@ const We = ({
         {
           searchQuery: o,
           setSearchQuery: x,
-          placeholder: d
+          placeholder: c
         }
       )
     ] }),
-    u && /* @__PURE__ */ c("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    u && /* @__PURE__ */ d("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
       i,
       ": ",
       u
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: h && R.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: m && R.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ d("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__ */ c("span", { className: "text-sm text-stone", children: [
+      /* @__PURE__ */ d("span", { className: "text-sm text-stone", children: [
         "Loading ",
         i,
         "..."
       ] })
-    ] }) }) : R.length === 0 ? /* @__PURE__ */ c("div", { className: "p-6 text-center", children: [
+    ] }) }) : R.length === 0 ? /* @__PURE__ */ d("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(ce, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: o ? `No ${i} found` : m.length > 0 ? `Already chatting with all ${i}` : `No ${i} yet` }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: o ? "Try a different search term" : m.length > 0 ? `You have existing conversations with all your ${i}` : `${i.charAt(0).toUpperCase() + i.slice(1)} will appear here` })
-    ] }) : /* @__PURE__ */ c("ul", { className: "space-y-0", children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: o ? `No ${i} found` : h.length > 0 ? `Already chatting with all ${i}` : `No ${i} yet` }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: o ? "Try a different search term" : h.length > 0 ? `You have existing conversations with all your ${i}` : `${i.charAt(0).toUpperCase() + i.slice(1)} will appear here` })
+    ] }) : /* @__PURE__ */ d("ul", { className: "space-y-0", children: [
       R.map((f) => {
-        const g = f.name || f.email || f.id, C = f.email && f.name ? f.email : f.phone;
+        const g = f.name || f.email || f.id, b = f.email && f.name ? f.email : f.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
@@ -907,8 +913,8 @@ const We = ({
             onClick: () => k(f),
             onKeyDown: (y) => P(y, f),
             className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus:outline-none focus:ring-2 focus:ring-black",
-            children: /* @__PURE__ */ c("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ c("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
+            children: /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ d("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
                 /* @__PURE__ */ e(
                   ne,
                   {
@@ -918,35 +924,35 @@ const We = ({
                     size: 40
                   }
                 ),
-                /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ d("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: g }),
-                  C && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: C })
+                  b && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: b })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: N === f.id ? /* @__PURE__ */ e(K, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(ce, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: v === f.id ? /* @__PURE__ */ e(K, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(ce, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
         ) }, f.id);
       }),
-      h && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
+      m && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ d("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..." })
       ] }) })
     ] }) })
   ] });
-}, ze = ({ hasChannels: t, onStartConversation: s, participantLabel: n }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ c("div", { className: "text-center max-w-sm", children: [
+}, ze = ({ hasChannels: t, onStartConversation: s, participantLabel: n }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ d("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ e("div", { className: "w-24 h-24 bg-primary-alt/10 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ e("span", { className: "text-4xl", children: "💬" }) }),
   /* @__PURE__ */ e("h2", { className: "font-semibold text-charcoal", children: "Welcome to Messages" }),
-  /* @__PURE__ */ e("p", { className: "text-stone text-sm mb-6", children: t ? /* @__PURE__ */ c(oe, { children: [
+  /* @__PURE__ */ e("p", { className: "text-stone text-sm mb-6", children: t ? /* @__PURE__ */ d(oe, { children: [
     "Choose a conversation from the list or",
     " ",
-    s && /* @__PURE__ */ c(de, { onClick: s, children: [
+    s && /* @__PURE__ */ d(de, { onClick: s, children: [
       "start a new conversation with a ",
       n.slice(0, -1),
       "."
     ] })
-  ] }) : s && /* @__PURE__ */ c(oe, { children: [
-    /* @__PURE__ */ c(de, { onClick: s, children: [
+  ] }) : s && /* @__PURE__ */ d(oe, { children: [
+    /* @__PURE__ */ d(de, { onClick: s, children: [
       "Start a new conversation with one of your ",
       n
     ] }),
@@ -964,7 +970,7 @@ const We = ({
     className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:text-primary-alt focus:outline-none focus:ring-2 focus:ring-primary",
     children: s
   }
-), le = ({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ c("div", { className: "text-center max-w-sm", children: [
+), le = ({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ d("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ e("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ e("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ e("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ e("p", { className: "text-stone text-sm mb-6", children: t }),
@@ -977,12 +983,12 @@ const We = ({
       children: "Go Back"
     }
   )
-] }) }), qe = ({ className: t, message: s }) => /* @__PURE__ */ c(
+] }) }), qe = ({ className: t, message: s }) => /* @__PURE__ */ d(
   "div",
   {
     className: T("flex items-center justify-center h-full", t),
     children: [
-      /* @__PURE__ */ c("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
+      /* @__PURE__ */ d("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ e("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ e(
           "animateTransform",
           {
@@ -1020,7 +1026,7 @@ const We = ({
       s && /* @__PURE__ */ e("span", { className: "text-stone", children: s })
     ]
   }
-), Xe = () => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
+), Xe = () => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ d("div", { className: "flex items-center", children: [
   /* @__PURE__ */ e(qe, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }), ts = ({
@@ -1029,75 +1035,75 @@ const We = ({
   renderMessageInputActions: n,
   onChannelSelect: l,
   onParticipantSelect: i,
-  initialParticipantFilter: d,
+  initialParticipantFilter: c,
   initialParticipantData: a,
   CustomChannelEmptyState: r
 }) => {
   const {
     service: o,
     client: x,
-    isConnected: m,
+    isConnected: h,
     isLoading: E,
-    error: h,
-    refreshConnection: w,
+    error: m,
+    refreshConnection: C,
     debug: u
-  } = Fe(), [v, N] = I(null), [D, M] = I(!1), [R, k] = I(!1), [P, f] = I(/* @__PURE__ */ new Set()), [g, C] = I(0), [y, B] = I(!1), [p, j] = I(null), _ = G(null), {
+  } = pe(), [w, v] = I(null), [D, M] = I(!1), [R, k] = I(!1), [P, f] = I(/* @__PURE__ */ new Set()), [g, b] = I(0), [y, B] = I(!1), [F, j] = I(null), _ = G(null), {
     showStartConversation: Q = !1,
     participantSource: V,
     participantLabel: z = "participants"
   } = t, q = G(null), S = O(async () => {
-    if (!x || !m) return;
-    const b = x.userID;
-    if (b)
+    if (!x || !h) return;
+    const N = x.userID;
+    if (N)
       try {
-        u && console.log("[MessagingShell] Syncing channels for user:", b);
-        const F = await x.queryChannels(
+        u && console.log("[MessagingShell] Syncing channels for user:", N);
+        const p = await x.queryChannels(
           {
             type: "messaging",
-            members: { $in: [b] }
+            members: { $in: [N] }
           },
           {},
           { limit: 100 }
         ), U = /* @__PURE__ */ new Set();
-        F.forEach((H) => {
+        p.forEach((H) => {
           const Ne = H.state.members;
           Object.values(Ne).forEach((be) => {
             var ae;
             const re = (ae = be.user) == null ? void 0 : ae.id;
-            re && re !== b && U.add(re);
+            re && re !== N && U.add(re);
           });
-        }), f(U), M(F.length > 0), q.current = b, u && console.log("[MessagingShell] Channels synced successfully:", {
-          channelCount: F.length,
+        }), f(U), M(p.length > 0), q.current = N, u && console.log("[MessagingShell] Channels synced successfully:", {
+          channelCount: p.length,
           memberCount: U.size
         });
-      } catch (F) {
-        console.error("[MessagingShell] Failed to sync channels:", F);
+      } catch (p) {
+        console.error("[MessagingShell] Failed to sync channels:", p);
       }
-  }, [x, m, u]);
+  }, [x, h, u]);
   $(() => {
-    if (!x || !m) return;
-    const b = x.userID;
-    b && q.current !== b && S();
-  }, [x, m, S]), $(() => {
-    if (!d || !x || !m) return;
+    if (!x || !h) return;
+    const N = x.userID;
+    N && q.current !== N && S();
+  }, [x, h, S]), $(() => {
+    if (!c || !x || !h) return;
     (async () => {
-      const F = x.userID;
-      if (F)
+      const p = x.userID;
+      if (p)
         try {
           u && console.log(
             "[MessagingShell] Loading initial conversation with:",
-            d
+            c
           );
           const U = await x.queryChannels(
             {
               type: "messaging",
-              members: { $eq: [F, d] }
+              members: { $eq: [p, c] }
             },
             {},
             { limit: 1 }
           );
           if (U.length > 0)
-            N(U[0]), B(!0), j(null), l && l(U[0]), u && console.log(
+            v(U[0]), B(!0), j(null), l && l(U[0]), u && console.log(
               "[MessagingShell] Initial conversation loaded:",
               U[0].id
             );
@@ -1113,7 +1119,7 @@ const We = ({
                 email: a.email,
                 phone: a.phone
               });
-              N(H), B(!0), j(null), l && l(H), u && console.log(
+              v(H), B(!0), j(null), l && l(H), u && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 H.id
               );
@@ -1128,7 +1134,7 @@ const We = ({
               "No conversation found with this account"
             ), u && console.log(
               "[MessagingShell] No conversation found for:",
-              d
+              c
             );
         } catch (U) {
           console.error(
@@ -1138,71 +1144,71 @@ const We = ({
         }
     })();
   }, [
-    d,
+    c,
     a,
     x,
-    m,
+    h,
     o,
     u,
     l
   ]);
   const L = O(
-    (b) => {
-      N(b), l == null || l(b);
+    (N) => {
+      v(N), l == null || l(N);
     },
     [l]
   ), A = O(() => {
-    y || N(null);
+    y || v(null);
   }, [y]), W = O(() => {
-    var b;
-    V && (C((F) => F + 1), k(!0), (b = _.current) == null || b.showModal());
+    var N;
+    V && (b((p) => p + 1), k(!0), (N = _.current) == null || N.showModal());
   }, [V]), Z = O(
-    async (b) => {
-      var F;
+    async (N) => {
+      var p;
       if (o)
         try {
           u && console.log(
             "[MessagingShell] Starting conversation with:",
-            b.id
+            N.id
           );
           const U = await o.startChannelWithParticipant({
-            id: b.id,
-            name: b.name,
-            email: b.email,
-            phone: b.phone
+            id: N.id,
+            name: N.name,
+            email: N.email,
+            phone: N.phone
           });
           try {
             await U.show();
           } catch (H) {
             console.warn("[MessagingShell] Failed to unhide channel:", H);
           }
-          N(U), k(!1), (F = _.current) == null || F.close(), i == null || i(b);
+          v(U), k(!1), (p = _.current) == null || p.close(), i == null || i(N);
         } catch (U) {
           console.error("[MessagingShell] Failed to start conversation:", U);
         }
     },
     [o, i, u]
   ), te = O(() => {
-    var b;
-    k(!1), (b = _.current) == null || b.close();
+    var N;
+    k(!1), (N = _.current) == null || N.close();
   }, []), ge = O(
-    async (b) => {
-      u && console.log("[MessagingShell] Leaving conversation:", b.id), N(null), B(!1), q.current = null, await S();
+    async (N) => {
+      u && console.log("[MessagingShell] Leaving conversation:", N.id), v(null), B(!1), q.current = null, await S();
     },
     [S, u]
   ), xe = O(
-    async (b) => {
-      u && console.log("[MessagingShell] Blocking participant:", b), N(null), B(!1), q.current = null, await S();
+    async (N) => {
+      u && console.log("[MessagingShell] Blocking participant:", N), v(null), B(!1), q.current = null, await S();
     },
     [S, u]
-  ), Y = !!v;
-  return E ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(Xe, {}) }) : h ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(le, { message: h, onBack: w }) }) : !m || !x ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(
+  ), Y = !!w;
+  return E ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(Xe, {}) }) : m ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(le, { message: m, onBack: C }) }) : !h || !x ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(
     le,
     {
       message: "Not connected to messaging service",
-      onBack: w
+      onBack: C
     }
-  ) }) : p ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(le, { message: p }) }) : /* @__PURE__ */ c(
+  ) }) : F ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(le, { message: F }) }) : /* @__PURE__ */ d(
     "div",
     {
       className: T(
@@ -1210,7 +1216,7 @@ const We = ({
         s
       ),
       children: [
-        /* @__PURE__ */ c("div", { className: "flex h-full min-h-0", children: [
+        /* @__PURE__ */ d("div", { className: "flex h-full min-h-0", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -1229,7 +1235,7 @@ const We = ({
                 Be,
                 {
                   onChannelSelect: L,
-                  selectedChannel: v || void 0,
+                  selectedChannel: w || void 0,
                   showStartConversation: Q && !!V,
                   onStartConversation: W,
                   participantLabel: z
@@ -1249,10 +1255,10 @@ const We = ({
                   "hidden lg:flex": !y && !Y
                 }
               ),
-              children: v ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
+              children: w ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
                 _e,
                 {
-                  channel: v,
+                  channel: w,
                   onBack: A,
                   showBackButton: !y,
                   renderMessageInputActions: n,
@@ -1260,7 +1266,7 @@ const We = ({
                   onBlockParticipant: xe,
                   CustomChannelEmptyState: r
                 },
-                v.id
+                w.id
               ) }) : /* @__PURE__ */ e(
                 ze,
                 {
@@ -1278,8 +1284,8 @@ const We = ({
           {
             ref: _,
             className: "mes-dialog",
-            onClick: (b) => {
-              b.target === _.current && te();
+            onClick: (N) => {
+              N.target === _.current && te();
             },
             onClose: te,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
@@ -1327,10 +1333,10 @@ const We = ({
   headerText: l,
   className: i
 }) => {
-  const d = t.filter((a) => a.enabled).sort((a, r) => (a.order ?? 0) - (r.order ?? 0));
-  return d.length === 0 ? null : /* @__PURE__ */ c("div", { className: T("px-4 py-6 space-y-3", i), children: [
+  const c = t.filter((a) => a.enabled).sort((a, r) => (a.order ?? 0) - (r.order ?? 0));
+  return c.length === 0 ? null : /* @__PURE__ */ d("div", { className: T("px-4 py-6 space-y-3", i), children: [
     l && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: l }),
-    d.map((a) => /* @__PURE__ */ e(
+    c.map((a) => /* @__PURE__ */ e(
       Qe,
       {
         question: a.question,
@@ -1341,9 +1347,9 @@ const We = ({
     ))
   ] });
 }, ls = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: l = 20 } = s, [i, d] = I([]), [a, r] = I(!1), [o, x] = I(null), [m, E] = I(n), [h, w] = I(!0), [u, v] = I(), N = O(async (k = !1, P) => {
+  const { initialSearch: n = "", pageSize: l = 20 } = s, [i, c] = I([]), [a, r] = I(!1), [o, x] = I(null), [h, E] = I(n), [m, C] = I(!0), [u, w] = I(), v = O(async (k = !1, P) => {
     if (a) return;
-    const f = P !== void 0 ? P : m;
+    const f = P !== void 0 ? P : h;
     r(!0), x(null);
     try {
       const g = await t.loadParticipants({
@@ -1351,30 +1357,30 @@ const We = ({
         limit: l,
         cursor: k ? void 0 : u
       });
-      d(
-        (C) => k ? g.participants : [...C, ...g.participants]
-      ), w(g.hasMore), v(g.nextCursor);
+      c(
+        (b) => k ? g.participants : [...b, ...g.participants]
+      ), C(g.hasMore), w(g.nextCursor);
     } catch (g) {
-      const C = g instanceof Error ? g.message : "Failed to load participants";
-      x(C), console.error("[useParticipants] Load error:", g);
+      const b = g instanceof Error ? g.message : "Failed to load participants";
+      x(b), console.error("[useParticipants] Load error:", g);
     } finally {
       r(!1);
     }
-  }, [t, m, u, l, a]), D = O(() => {
-    h && !a && N(!1);
-  }, [h, a, N]), M = O((k) => {
-    E(k), v(void 0), N(!0, k);
-  }, [N]), R = O(() => {
-    v(void 0), N(!0);
-  }, [N]);
+  }, [t, h, u, l, a]), D = O(() => {
+    m && !a && v(!1);
+  }, [m, a, v]), M = O((k) => {
+    E(k), w(void 0), v(!0, k);
+  }, [v]), R = O(() => {
+    w(void 0), v(!0);
+  }, [v]);
   return $(() => {
-    N(!0);
+    v(!0);
   }, [t.loadParticipants]), {
     participants: i,
     loading: a,
     error: o,
-    searchQuery: m,
-    hasMore: h,
+    searchQuery: h,
+    hasMore: m,
     totalCount: t.totalCount,
     loadMore: D,
     search: M,
@@ -1390,7 +1396,7 @@ export {
   ns as MessagingProvider,
   ts as MessagingShell,
   We as ParticipantPicker,
-  Fe as useMessaging,
+  pe as useMessaging,
   ls as useParticipants
 };
 //# sourceMappingURL=index.js.map