@linktr.ee/messaging-react 1.23.0 → 1.24.0

package/dist/index.js

@@ -15,7 +15,7 @@ const Ge = at({
   refreshConnection: async () => {
   },
   debug: !1
-}), ve = () => rt(Ge), js = ({
+}), ve = () => rt(Ge), Gs = ({
   children: t,
   user: s,
   serviceConfig: n,
@@ -35,7 +35,7 @@ const Ge = at({
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [u, g] = S(null), [x, v] = S(null), [b, y] = S(!1), [o, w] = S(!1), [I, p] = S(null), M = Z(!1), C = Z({
+  const [u, f] = S(null), [g, v] = S(null), [b, y] = S(!1), [o, w] = S(!1), [I, p] = S(null), M = Z(!1), C = Z({
     userId: s == null ? void 0 : s.id,
     apiKey: a,
     serviceConfig: n,
@@ -84,7 +84,7 @@ const Ge = at({
       apiKey: a,
       debug: d
     });
-    return g(i), r("✅ SERVICE SET", {
+    return f(i), r("✅ SERVICE SET", {
       renderCount: m,
       serviceInstance: !!i
     }), () => {
@@ -94,7 +94,7 @@ const Ge = at({
       }), i.disconnectUser().catch(console.error);
     };
   }, [a, n, d, r]);
-  const f = Z(null);
+  const x = Z(null);
   J(() => {
     var i, E;
     if (r("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -112,7 +112,7 @@ const Ge = at({
       r("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((i = f.current) == null ? void 0 : i.serviceId) === u && ((E = f.current) == null ? void 0 : E.userId) === s.id) {
+    if (((i = x.current) == null ? void 0 : i.serviceId) === u && ((E = x.current) == null ? void 0 : E.userId) === s.id) {
       r(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -124,7 +124,7 @@ const Ge = at({
       try {
         r("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
         const D = await u.connectUser(s);
-        v(D), y(!0), f.current = { serviceId: u, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
+        v(D), y(!0), x.current = { serviceId: u, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
           clientId: D.userID
         });
@@ -148,7 +148,7 @@ const Ge = at({
     u && b ? (r(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), f.current = null, u.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
+    ), x.current = null, u.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!u,
       isConnected: b
     });
@@ -177,14 +177,14 @@ const Ge = at({
     }
   }, [u, s, r]), h = A.useMemo(() => (r("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!u,
-    hasClient: !!x,
+    hasClient: !!g,
     isConnected: b,
     isLoading: o,
     hasError: !!I,
     capabilitiesKeys: Object.keys(l)
   }), {
     service: u,
-    client: x,
+    client: g,
     isConnected: b,
     isLoading: o,
     error: I,
@@ -193,7 +193,7 @@ const Ge = at({
     debug: d
   }), [
     u,
-    x,
+    g,
     b,
     o,
     I,
@@ -204,12 +204,12 @@ const Ge = at({
   ]);
   return r("🔄 RENDER END", {
     renderCount: N.current,
-    willRenderChat: !!(x && b),
+    willRenderChat: !!(g && b),
     contextValueReady: !!h
-  }), /* @__PURE__ */ e(Ge.Provider, { value: h, children: x && b ? /* @__PURE__ */ e(
+  }), /* @__PURE__ */ e(Ge.Provider, { value: h, children: g && b ? /* @__PURE__ */ e(
     lt,
     {
-      client: x,
+      client: g,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -290,7 +290,7 @@ const ee = ({
   className: a,
   shape: l = "squircle"
 }) => {
-  const d = ss(t), u = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", g = l === "circle" ? { borderRadius: "50%" } : {
+  const d = ss(t), u = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", f = l === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
@@ -301,7 +301,7 @@ const ee = ({
       style: {
         width: `${n}px`,
         height: `${n}px`,
-        ...g
+        ...f
       },
       children: s ? /* @__PURE__ */ e(
         "img",
@@ -371,27 +371,27 @@ const ee = ({
       /* @__PURE__ */ e("span", { children: w })
     ] });
   }
-  const r = n && a, u = r ? "Sent with AI" : "Sent with DM Agent", g = [
+  const r = n && a, u = r ? "Sent with AI" : "Sent with DM Agent", f = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     r ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), x = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: u }), v = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(ns, { size: r ? 12 : 15 }) });
-  return /* @__PURE__ */ e("div", { className: g, "data-testid": "message-chatbot-indicator", children: n && !r ? /* @__PURE__ */ c(de, { children: [
-    x,
+  ].join(" "), g = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: u }), v = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(ns, { size: r ? 12 : 15 }) });
+  return /* @__PURE__ */ e("div", { className: f, "data-testid": "message-chatbot-indicator", children: n && !r ? /* @__PURE__ */ c(de, { children: [
+    g,
     v
   ] }) : /* @__PURE__ */ c(de, { children: [
     v,
-    x
+    g
   ] }) });
 }, ze = A.memo(
   ({ channel: t, unread: s }) => {
-    var f, k, h, m;
+    var x, k, h, m;
     const { selectedChannel: n, onChannelSelect: a, debug: l, renderMessagePreview: d } = Xt(), r = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), u = () => {
       t && a(t);
-    }, g = (i) => {
+    }, f = (i) => {
       const E = i.key === "Enter" || i.key === " ", D = i.repeat;
       !E || D || (i.preventDefault(), u());
-    }, v = Object.values(((f = t == null ? void 0 : t.state) == null ? void 0 : f.members) || {}).find(
+    }, v = Object.values(((x = t == null ? void 0 : t.state) == null ? void 0 : x.members) || {}).find(
       (i) => {
         var E, D;
         return ((E = i.user) == null ? void 0 : E.id) && i.user.id !== ((D = t == null ? void 0 : t._client) == null ? void 0 : D.userID);
@@ -421,7 +421,7 @@ const ee = ({
         role: "button",
         tabIndex: 0,
         onClick: u,
-        onKeyDown: g,
+        onKeyDown: f,
         className: R(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
           {
@@ -465,20 +465,21 @@ const ee = ({
   }
 );
 ze.displayName = "CustomChannelPreview";
-const We = A.memo(
+const ls = { last_message_at: -1 }, We = A.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
     filters: n,
-    className: a,
-    customEmptyStateIndicator: l,
-    renderMessagePreview: d
+    sort: a = ls,
+    className: l,
+    customEmptyStateIndicator: d,
+    renderMessagePreview: r
   }) => {
-    const r = A.useRef(0);
-    r.current++;
-    const { debug: u = !1 } = ve();
-    u && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: r.current,
+    const u = A.useRef(0);
+    u.current++;
+    const { debug: f = !1 } = ve();
+    f && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: u.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
@@ -486,28 +487,28 @@ const We = A.memo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
-        debug: u,
-        renderMessagePreview: d
+        debug: f,
+        renderMessagePreview: r
       }),
-      [s, t, u, d]
+      [s, t, f, r]
     );
     return /* @__PURE__ */ e(
       "div",
       {
         className: R(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          a
+          l
         ),
         children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(Qt, { value: g, children: /* @__PURE__ */ e(
           it,
           {
             filters: n,
-            sort: { last_message_at: -1 },
+            sort: a,
             options: { limit: 30 },
             Preview: ze,
-            EmptyStateIndicator: l
+            EmptyStateIndicator: d
           },
-          JSON.stringify(n)
+          `${JSON.stringify(n)}:${JSON.stringify(a)}`
         ) }) })
       }
     );
@@ -556,13 +557,13 @@ function qe({ label: t, className: s, children: n, ...a }) {
 function Ye({ onClick: t }) {
   return /* @__PURE__ */ e(qe, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Me, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const ls = (t) => /* @__PURE__ */ e(ct, { ...t, position: "center" }), _e = "vote_up", Ie = "vote_down";
-function is(t) {
+const is = (t) => /* @__PURE__ */ e(ct, { ...t, position: "center" }), _e = "vote_up", Ie = "vote_down";
+function cs(t) {
   return t != null && t.length ? t.some((s) => s.type === Ie) ? "down" : t.some((s) => s.type === _e) ? "up" : null : null;
 }
-function cs(t) {
+function ds(t) {
   const { channel: s } = Se(), { client: n } = $e("useMessageVote"), a = Ee(
-    () => is(t.own_reactions),
+    () => cs(t.own_reactions),
     [t.own_reactions]
   ), l = L(async () => {
     if (n != null && n.userID)
@@ -587,7 +588,7 @@ function cs(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, a]);
   return { selected: a, voteUp: l, voteDown: d };
 }
-const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+const us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M4.667 7.333l2.666-6A1.333 1.333 0 018.667 2v2.667a.667.667 0 00.666.666h3.764a1.334 1.334 0 011.192 1.93l-2.333 4.666a1.333 1.333 0 01-1.193.738H4.667m0-5.334v5.334m0-5.334H2.667a1.333 1.333 0 00-1.334 1.334v2.666a1.333 1.333 0 001.334 1.334h2",
@@ -597,7 +598,7 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), us = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+) }), ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M11.333 8.667l-2.666 6A1.333 1.333 0 017.333 14v-2.667a.667.667 0 00-.666-.666H2.903a1.334 1.334 0 01-1.192-1.93l2.333-4.666a1.333 1.333 0 011.193-.738h6.096m0 5.334V3.333m0 5.334h2a1.333 1.333 0 001.334-1.334V4.667a1.333 1.333 0 00-1.334-1.334h-2",
@@ -607,7 +608,7 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), ms = ({
+) }), hs = ({
   selected: t,
   onVoteUp: s,
   onVoteDown: n
@@ -620,7 +621,7 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(ds, { filled: t === "up" })
+      children: /* @__PURE__ */ e(us, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -631,10 +632,10 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: n,
       "aria-label": "Not helpful",
       "aria-pressed": t === "down",
-      children: /* @__PURE__ */ e(us, { filled: t === "down" })
+      children: /* @__PURE__ */ e(ms, { filled: t === "down" })
     }
   )
-] }), hs = (t) => {
+] }), fs = (t) => {
   var ue, me;
   const {
     additionalMessageInputProps: s,
@@ -644,15 +645,15 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     firstOfGroup: d,
     groupedByUser: r,
     handleAction: u,
-    handleOpenThread: g,
-    handleRetry: x,
+    handleOpenThread: f,
+    handleRetry: g,
     highlighted: v,
     isMessageAIGenerated: b,
     isMyMessage: y,
     message: o,
     renderText: w,
     threadList: I
-  } = t, { client: p } = $e("CustomMessage"), [M, C] = S(!1), N = ut(o.id), { selected: f, voteUp: k, voteDown: h } = cs(o), {
+  } = t, { client: p } = $e("CustomMessage"), [M, C] = S(!1), N = ut(o.id), { selected: x, voteUp: k, voteDown: h } = ds(o), {
     Attachment: m = ht,
     EditMessageModal: i = ft,
     MessageBlocked: E = gt,
@@ -678,7 +679,7 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     return /* @__PURE__ */ e(E, {});
   const Q = !I && !!o.reply_count, P = !I && o.show_in_channel && o.parent_id, U = o.status === "failed" && ((ue = o.error) == null ? void 0 : ue.status) !== 403, V = It(o);
   let B;
-  U ? B = () => x(o) : V && (B = () => C(!0));
+  U ? B = () => g(o) : V && (B = () => C(!0));
   const O = y(), ae = R(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${o.type}`,
@@ -780,9 +781,9 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
               }
             ),
             n && Y && /* @__PURE__ */ e(
-              ms,
+              hs,
               {
-                selected: f,
+                selected: x,
                 onVoteUp: k,
                 onVoteDown: h
               }
@@ -793,24 +794,24 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       Q && /* @__PURE__ */ e(
         T,
         {
-          onClick: g,
+          onClick: f,
           reply_count: o.reply_count
         }
       ),
       P && /* @__PURE__ */ e(W, {})
     ] }, o.id)
   ] });
-}, fs = A.memo(
-  hs,
+}, gs = A.memo(
+  fs,
   dt
-), gs = (t) => {
+), xs = (t) => {
   const s = je("CustomMessage");
-  return /* @__PURE__ */ e(fs, { ...s, ...t });
-}, xs = (t) => ({
+  return /* @__PURE__ */ e(gs, { ...s, ...t });
+}, bs = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
     (s) => Oe.previewIsLoaded(s) || Oe.previewIsLoading(s)
   )
-}), bs = ({
+}), Cs = ({
   link: t,
   onDismiss: s
 }) => {
@@ -850,28 +851,28 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       ]
     }
   );
-}, Cs = () => {
+}, Ns = () => {
   const { linkPreviewsManager: t } = Tt(), { linkPreviews: s } = Rt(
     t.state,
-    xs
+    bs
   ), n = (l) => {
     t.dismissPreview(l);
   };
   return s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: s.map((l) => /* @__PURE__ */ e(
-    bs,
+    Cs,
     {
       link: l,
       onDismiss: n
     },
     l.og_scrape_url
   )) }) : null;
-}, Ns = () => {
+}, vs = () => {
   const { handleSubmit: t } = Pt(), s = Ut();
   return /* @__PURE__ */ c(de, { children: [
     /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Ft, {}) }),
     /* @__PURE__ */ c("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
       /* @__PURE__ */ e(Ot, {}),
-      /* @__PURE__ */ e(Cs, {}),
+      /* @__PURE__ */ e(Ns, {}),
       /* @__PURE__ */ e(At, {}),
       /* @__PURE__ */ c("div", { className: "flex", children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
@@ -897,18 +898,18 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       ] })
     ] })
   ] });
-}, vs = ({
+}, ws = ({
   renderActions: t
 }) => /* @__PURE__ */ c("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && (t == null ? void 0 : t()),
-  /* @__PURE__ */ e(Lt, { Input: Ns })
-] }), ws = [
+  /* @__PURE__ */ e(Lt, { Input: vs })
+] }), ps = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], ps = {
+], ys = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Be = (t) => ws.includes(t), ys = (t) => {
+}, Be = (t) => ps.includes(t), Es = (t) => {
   var a;
   const s = (a = t.metadata) == null ? void 0 : a.custom_type;
   if (Be(s))
@@ -916,11 +917,11 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   const n = t.dm_agent_system_type;
   if (Be(n))
     return n;
-}, Es = (t) => {
+}, _s = (t) => {
   var a;
-  const s = t.message.hide_date === !0, n = ys(t.message);
+  const s = t.message.hide_date === !0, n = Es(t.message);
   if (n) {
-    const l = ((a = t.message.text) == null ? void 0 : a.trim()) || ps[n];
+    const l = ((a = t.message.text) == null ? void 0 : a.trim()) || ys[n];
     return /* @__PURE__ */ c("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ c(
         "div",
@@ -953,7 +954,7 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     ] }),
     !s && /* @__PURE__ */ e(Te, { message: t.message })
   ] });
-}, _s = () => null, Is = ({ className: t, message: s }) => /* @__PURE__ */ c(
+}, Is = () => null, Ss = ({ className: t, message: s }) => /* @__PURE__ */ c(
   "div",
   {
     className: R("flex items-center justify-center h-full", t),
@@ -997,11 +998,11 @@ const ds = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     ]
   }
 ), Ne = A.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ e(Is, { className: "w-6 h-6" }),
+  /* @__PURE__ */ e(Ss, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ne.displayName = "LoadingState";
-const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150", Ss = ({
+const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150", Ms = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
@@ -1011,17 +1012,17 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   var y, o, w, I, p, M;
   const { channel: d } = Se(), r = A.useMemo(() => Object.values(d.state.members || {}).find(
     (N) => {
-      var f;
-      return ((f = N.user) == null ? void 0 : f.id) && N.user.id !== d._client.userID;
+      var x;
+      return ((x = N.user) == null ? void 0 : x.id) && N.user.id !== d._client.userID;
     }
-  ), [d._client.userID, d.state.members]), u = ((y = r == null ? void 0 : r.user) == null ? void 0 : y.name) || ((o = r == null ? void 0 : r.user) == null ? void 0 : o.id) || "Unknown member", g = (w = r == null ? void 0 : r.user) == null ? void 0 : w.image, [x, v] = S(
+  ), [d._client.userID, d.state.members]), u = ((y = r == null ? void 0 : r.user) == null ? void 0 : y.name) || ((o = r == null ? void 0 : r.user) == null ? void 0 : o.id) || "Unknown member", f = (w = r == null ? void 0 : r.user) == null ? void 0 : w.image, [g, v] = S(
     !!((I = d.state.membership) != null && I.pinned_at)
   );
   J(() => {
     const C = (N) => {
-      var f;
+      var x;
       v(
-        N != null && N.member ? !!N.member.pinned_at : !!((f = d.state.membership) != null && f.pinned_at)
+        N != null && N.member ? !!N.member.pinned_at : !!((x = d.state.membership) != null && x.pinned_at)
       );
     };
     return d.on("member.updated", C), () => {
@@ -1030,7 +1031,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }, [d]);
   const b = async () => {
     try {
-      x ? await d.unpin() : await d.pin();
+      g ? await d.unpin() : await d.pin();
     } catch (C) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -1057,7 +1058,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           {
             id: ((p = r == null ? void 0 : r.user) == null ? void 0 : p.id) || d.id || "unknown",
             name: u,
-            image: g,
+            image: f,
             size: 40
           }
         ),
@@ -1070,15 +1071,15 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             className: le,
             onClick: b,
             type: "button",
-            "aria-label": x ? "Unstar conversation" : "Star conversation",
+            "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               Le,
               {
                 className: R("size-5", {
-                  "text-yellow-600": x,
-                  "text-black/90": !x
+                  "text-yellow-600": g,
+                  "text-black/90": !g
                 }),
-                weight: x ? "duotone" : "regular"
+                weight: g ? "duotone" : "regular"
               }
             )
           }
@@ -1112,7 +1113,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           {
             id: ((M = r == null ? void 0 : r.user) == null ? void 0 : M.id) || d.id || "unknown",
             name: u,
-            image: g,
+            image: f,
             size: 40
           }
         ),
@@ -1125,15 +1126,15 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             className: le,
             onClick: b,
             type: "button",
-            "aria-label": x ? "Unstar conversation" : "Star conversation",
+            "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               Le,
               {
                 className: R("size-5", {
-                  "text-yellow-600": x,
-                  "text-black/90": !x
+                  "text-yellow-600": g,
+                  "text-black/90": !g
                 }),
-                weight: x ? "duotone" : "regular"
+                weight: g ? "duotone" : "regular"
               }
             )
           }
@@ -1151,7 +1152,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ] })
     ] })
   ] });
-}, Ms = ({
+}, ks = ({
   dialogRef: t,
   onClose: s,
   participant: n,
@@ -1160,13 +1161,13 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onLeaveConversation: d,
   onBlockParticipant: r,
   showDeleteConversation: u = !0,
-  onDeleteConversationClick: g,
-  onBlockParticipantClick: x,
+  onDeleteConversationClick: f,
+  onBlockParticipantClick: g,
   onReportParticipantClick: v,
   customChannelActions: b
 }) => {
   var G, X, te, se, ne, z, Q;
-  const { service: y, debug: o } = ve(), [w, I] = S(!1), [p, M] = S(!1), [C, N] = S(!1), f = L(async () => {
+  const { service: y, debug: o } = ve(), [w, I] = S(!1), [p, M] = S(!1), [C, N] = S(!1), x = L(async () => {
     var P;
     if (!(!y || !((P = n == null ? void 0 : n.user) != null && P.id)))
       try {
@@ -1185,12 +1186,12 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
   }, [y, (G = n == null ? void 0 : n.user) == null ? void 0 : G.id]);
   J(() => {
-    f();
-  }, [f]);
+    x();
+  }, [x]);
   const k = async () => {
     var P;
     if (!p) {
-      g == null || g(), o && console.log("[ChannelInfoDialog] Leave conversation", a.cid), M(!0);
+      f == null || f(), o && console.log("[ChannelInfoDialog] Leave conversation", a.cid), M(!0);
       try {
         const U = ((P = a._client) == null ? void 0 : P.userID) ?? null;
         await a.hide(U, !1), d && await d(a), s();
@@ -1203,7 +1204,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }, h = async () => {
     var P, U, V;
     if (!(C || !y)) {
-      x == null || x(), o && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), N(!0);
+      g == null || g(), o && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), N(!0);
       try {
         await y.blockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), r && await r((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), s();
       } catch (B) {
@@ -1215,7 +1216,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }, m = async () => {
     var P, U, V;
     if (!(C || !y)) {
-      x == null || x(), o && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), N(!0);
+      g == null || g(), o && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), N(!0);
       try {
         await y.unBlockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), r && await r((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), s();
       } catch (B) {
@@ -1334,7 +1335,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     )
   );
-}, ks = ({
+}, Ds = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
@@ -1343,8 +1344,8 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   showDeleteConversation: d = !0,
   onDeleteConversationClick: r,
   onBlockParticipantClick: u,
-  onReportParticipantClick: g,
-  showStarButton: x = !1,
+  onReportParticipantClick: f,
+  showStarButton: g = !1,
   chatbotVotingEnabled: v = !1,
   renderChannelBanner: b,
   customChannelActions: y,
@@ -1356,28 +1357,28 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       return ((h = k.user) == null ? void 0 : h.id) && k.user.id !== w._client.userID;
     }
   ), [w._client.userID, w.state.members]), M = A.useMemo(() => {
-    const f = w.data ?? {};
-    if (f.followerStatus)
-      return String(f.followerStatus);
-    if (f.isFollower !== void 0)
-      return f.isFollower ? "Subscribed to you" : "Not subscribed";
+    const x = w.data ?? {};
+    if (x.followerStatus)
+      return String(x.followerStatus);
+    if (x.isFollower !== void 0)
+      return x.isFollower ? "Subscribed to you" : "Not subscribed";
   }, [w.data]), C = L(() => {
-    var f;
-    (f = I.current) == null || f.showModal();
+    var x;
+    (x = I.current) == null || x.showModal();
   }, []), N = L(() => {
-    var f;
-    (f = I.current) == null || f.close();
+    var x;
+    (x = I.current) == null || x.close();
   }, []);
   return /* @__PURE__ */ c(de, { children: [
     /* @__PURE__ */ e(
       jt,
       {
         overrides: {
-          Message: (f) => {
+          Message: (x) => {
             const { message: k } = je("ChannelView"), h = /* @__PURE__ */ e(
-              gs,
+              xs,
               {
-                ...f,
+                ...x,
                 chatbotVotingEnabled: v
               }
             );
@@ -1386,13 +1387,13 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         },
         children: /* @__PURE__ */ c(Gt, { children: [
           /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-            Ss,
+            Ms,
             {
               onBack: t,
               showBackButton: s,
               onShowInfo: C,
               canShowInfo: !!p,
-              showStarButton: x
+              showStarButton: g
             }
           ) }),
           b == null ? void 0 : b(),
@@ -1405,7 +1406,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             }
           ) }),
           /* @__PURE__ */ e(
-            vs,
+            ws,
             {
               renderActions: () => n == null ? void 0 : n(w)
             }
@@ -1414,7 +1415,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     ),
     /* @__PURE__ */ e(
-      Ms,
+      ks,
       {
         dialogRef: I,
         onClose: N,
@@ -1426,7 +1427,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         showDeleteConversation: d,
         onDeleteConversationClick: r,
         onBlockParticipantClick: u,
-        onReportParticipantClick: g,
+        onReportParticipantClick: f,
         customChannelActions: y
       }
     )
@@ -1440,9 +1441,9 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onLeaveConversation: l,
     onBlockParticipant: d,
     className: r,
-    CustomChannelEmptyState: u = _s,
-    showDeleteConversation: g = !0,
-    onDeleteConversationClick: x,
+    CustomChannelEmptyState: u = Is,
+    showDeleteConversation: f = !0,
+    onDeleteConversationClick: g,
     onBlockParticipantClick: v,
     onReportParticipantClick: b,
     dmAgentEnabled: y,
@@ -1454,7 +1455,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     customChannelActions: C,
     renderMessage: N
   }) => {
-    const f = L(
+    const x = L(
       async (k, h, m) => {
         var T;
         const i = ((T = t.data) == null ? void 0 : T.chatbot_paused) === !0, E = y && !i, D = {
@@ -1485,13 +1486,13 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           $t,
           {
             channel: t,
-            MessageSystem: Es,
+            MessageSystem: _s,
             EmptyStateIndicator: u,
             LoadingIndicator: Ne,
-            DateSeparator: ls,
-            doSendMessageRequest: f,
+            DateSeparator: is,
+            doSendMessageRequest: x,
             children: /* @__PURE__ */ e(
-              ks,
+              Ds,
               {
                 onBack: s,
                 showBackButton: n,
@@ -1499,8 +1500,8 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 onLeaveConversation: l,
                 onBlockParticipant: d,
                 CustomChannelEmptyState: u,
-                showDeleteConversation: g,
-                onDeleteConversationClick: x,
+                showDeleteConversation: f,
+                onDeleteConversationClick: g,
                 onBlockParticipantClick: v,
                 onReportParticipantClick: b,
                 showStarButton: I,
@@ -1517,7 +1518,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }
 );
 Ze.displayName = "ChannelView";
-function Ds({
+function Ts({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
@@ -1556,7 +1557,7 @@ function Ds({
     )
   ] });
 }
-const Ts = ({
+const Rs = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
@@ -1565,7 +1566,7 @@ const Ts = ({
   searchPlaceholder: d = "Search participants...",
   className: r
 }) => {
-  const { debug: u } = ve(), [g, x] = S(""), [v, b] = S([]), [y, o] = S(!1), [w, I] = S(null), [p, M] = S(
+  const { debug: u } = ve(), [f, g] = S(""), [v, b] = S([]), [y, o] = S(!1), [w, I] = S(null), [p, M] = S(
     null
   ), C = Z(!1);
   J(() => {
@@ -1598,10 +1599,10 @@ const Ts = ({
   }, [t.loading, u]);
   const N = v.filter((h) => !a.has(h.id)).filter((h) => {
     var i;
-    if (!g) return !0;
-    const m = g.toLowerCase();
+    if (!f) return !0;
+    const m = f.toLowerCase();
     return h.name.toLowerCase().includes(m) || ((i = h.email) == null ? void 0 : i.toLowerCase().includes(m)) || !1;
-  }), f = L(
+  }), x = L(
     async (h) => {
       if (!p) {
         M(h.id);
@@ -1614,7 +1615,7 @@ const Ts = ({
     },
     [s, p]
   ), k = (h, m) => {
-    (h.key === "Enter" || h.key === " ") && (h.preventDefault(), f(m));
+    (h.key === "Enter" || h.key === " ") && (h.preventDefault(), x(m));
   };
   return /* @__PURE__ */ c("div", { className: R("flex flex-col h-full", r), children: [
     /* @__PURE__ */ c("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
@@ -1631,10 +1632,10 @@ const Ts = ({
         t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
       /* @__PURE__ */ e(
-        Ds,
+        Ts,
         {
-          searchQuery: g,
-          setSearchQuery: x,
+          searchQuery: f,
+          setSearchQuery: g,
           placeholder: d
         }
       )
@@ -1654,8 +1655,8 @@ const Ts = ({
       ] })
     ] }) }) : N.length === 0 ? /* @__PURE__ */ c("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(Fe, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: g ? `No ${l} found` : v.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" : v.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: f ? `No ${l} found` : v.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: f ? "Try a different search term" : v.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
     ] }) : /* @__PURE__ */ c("ul", { className: "space-y-0", children: [
       N.map((h) => {
         const m = h.name || h.email || h.id, i = h.email && h.name ? h.email : h.phone;
@@ -1663,7 +1664,7 @@ const Ts = ({
           "button",
           {
             type: "button",
-            onClick: () => f(h),
+            onClick: () => x(h),
             onKeyDown: (E) => k(E, h),
             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: [
@@ -1693,7 +1694,7 @@ const Ts = ({
       ] }) })
     ] }) })
   ] });
-}, Rs = ({ className: t }) => /* @__PURE__ */ c(
+}, Ls = ({ className: t }) => /* @__PURE__ */ c(
   "svg",
   {
     width: "140",
@@ -1829,7 +1830,7 @@ const Ts = ({
   }
 ), Je = A.memo(
   ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(Rs, {}),
+    /* @__PURE__ */ e(Ls, {}),
     s && !t && /* @__PURE__ */ c("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
       /* @__PURE__ */ e("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
@@ -1852,7 +1853,7 @@ const Ce = A.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const Gs = ({
+const Vs = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
@@ -1861,8 +1862,8 @@ const Gs = ({
   initialParticipantFilter: d,
   initialParticipantData: r,
   CustomChannelEmptyState: u,
-  showChannelList: g = !0,
-  filters: x,
+  showChannelList: f = !0,
+  filters: g,
   channelListCustomEmptyStateIndicator: v,
   onDeleteConversationClick: b,
   onBlockParticipantClick: y,
@@ -1873,7 +1874,7 @@ const Gs = ({
   showStarButton: M = !1,
   chatbotVotingEnabled: C = !1,
   renderMessagePreview: N,
-  renderChannelBanner: f,
+  renderChannelBanner: x,
   customChannelActions: k,
   renderMessage: h
 }) => {
@@ -1900,9 +1901,9 @@ const Gs = ({
           hidden: !1
         }
       },
-      ...x
+      ...g
     };
-  }, [x, i == null ? void 0 : i.userID]), he = Z(null), oe = L(async () => {
+  }, [g, i == null ? void 0 : i.userID]), he = Z(null), oe = L(async () => {
     if (!i || !E) return;
     const _ = i.userID;
     if (_)
@@ -2076,11 +2077,11 @@ const Gs = ({
               className: R(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": g === !1 || O,
+                  "!hidden": f === !1 || O,
                   // Hide on mobile when channel selected, show on desktop with consistent wide width
-                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": g !== !1 && !O && ge,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": f !== !1 && !O && 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": g !== !1 && !O && !ge
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": f !== !1 && !O && !ge
                 }
               ),
               children: /* @__PURE__ */ e(
@@ -2114,7 +2115,7 @@ const Gs = ({
                   onBack: Xe,
                   showBackButton: !O,
                   renderMessageInputActions: n,
-                  renderChannelBanner: f,
+                  renderChannelBanner: x,
                   onLeaveConversation: tt,
                   onBlockParticipant: st,
                   CustomChannelEmptyState: u,
@@ -2153,7 +2154,7 @@ const Gs = ({
             onClick: et,
             onClose: fe,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              Ts,
+              Rs,
               {
                 participantSource: re,
                 onSelectParticipant: Ke,
@@ -2169,7 +2170,7 @@ const Gs = ({
       ]
     }
   );
-}, Ls = ({
+}, Ps = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -2191,7 +2192,7 @@ const Gs = ({
     ),
     children: t
   }
-), Vs = ({
+), Hs = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
@@ -2200,7 +2201,7 @@ const Gs = ({
   avatarImage: d,
   avatarName: r
 }) => {
-  const u = t.filter((g) => g.enabled).sort((g, x) => (g.order ?? 0) - (x.order ?? 0));
+  const u = t.filter((f) => f.enabled).sort((f, g) => (f.order ?? 0) - (g.order ?? 0));
   return u.length === 0 ? null : /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ c("div", { className: "flex gap-3 items-end", children: [
     (d || r) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
       ee,
@@ -2219,43 +2220,43 @@ const Gs = ({
         style: { backgroundColor: "#F1F0EE" },
         children: [
           a && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: a }),
-          u.map((g) => /* @__PURE__ */ e(
-            Ls,
+          u.map((f) => /* @__PURE__ */ e(
+            Ps,
             {
-              question: g.question,
-              onClick: () => s(g.id),
-              loading: n === g.id
+              question: f.question,
+              onClick: () => s(f.id),
+              loading: n === f.id
             },
-            g.id
+            f.id
           ))
         ]
       }
     )
   ] }) });
-}, Hs = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: a = 20 } = s, [l, d] = S([]), [r, u] = S(!1), [g, x] = S(null), [v, b] = S(n), [y, o] = S(!0), [w, I] = S(), p = L(async (f = !1, k) => {
+}, zs = (t, s = {}) => {
+  const { initialSearch: n = "", pageSize: a = 20 } = s, [l, d] = S([]), [r, u] = S(!1), [f, g] = S(null), [v, b] = S(n), [y, o] = S(!0), [w, I] = S(), p = L(async (x = !1, k) => {
     if (r) return;
     const h = k !== void 0 ? k : v;
-    u(!0), x(null);
+    u(!0), g(null);
     try {
       const m = await t.loadParticipants({
         search: h || void 0,
         limit: a,
-        cursor: f ? void 0 : w
+        cursor: x ? void 0 : w
       });
       d(
-        (i) => f ? m.participants : [...i, ...m.participants]
+        (i) => x ? m.participants : [...i, ...m.participants]
       ), o(m.hasMore), I(m.nextCursor);
     } catch (m) {
       const i = m instanceof Error ? m.message : "Failed to load participants";
-      x(i), console.error("[useParticipants] Load error:", m);
+      g(i), console.error("[useParticipants] Load error:", m);
     } finally {
       u(!1);
     }
   }, [t, v, w, a, r]), M = L(() => {
     y && !r && p(!1);
-  }, [y, r, p]), C = L((f) => {
-    b(f), I(void 0), p(!0, f);
+  }, [y, r, p]), C = L((x) => {
+    b(x), I(void 0), p(!0, x);
   }, [p]), N = L(() => {
     I(void 0), p(!0);
   }, [p]);
@@ -2264,7 +2265,7 @@ const Gs = ({
   }, [t.loadParticipants]), {
     participants: l,
     loading: r,
-    error: g,
+    error: f,
     searchQuery: v,
     hasMore: y,
     totalCount: t.totalCount,
@@ -2276,18 +2277,18 @@ const Gs = ({
 export {
   xe as ActionButton,
   ee as Avatar,
-  _s as ChannelEmptyState,
+  Is as ChannelEmptyState,
   We as ChannelList,
   Ze as ChannelView,
-  Vs as FaqList,
-  Ls as FaqListItem,
-  ms as MessageVoteButtons,
-  js as MessagingProvider,
-  Gs as MessagingShell,
-  Ts as ParticipantPicker,
+  Hs as FaqList,
+  Ps as FaqListItem,
+  hs as MessageVoteButtons,
+  Gs as MessagingProvider,
+  Vs as MessagingShell,
+  Rs as ParticipantPicker,
   es as formatRelativeTime,
-  cs as useMessageVote,
+  ds as useMessageVote,
   Jt as useMessaging,
-  Hs as useParticipants
+  zs as useParticipants
 };
 //# sourceMappingURL=index.js.map