@linktr.ee/messaging-react 1.28.0 → 1.29.0-rc-1776320021

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as i, Fragment as he } from "react/jsx-runtime";
 import L from "classnames";
-import F, { createContext as ft, useContext as gt, useCallback as U, useState as k, useRef as Q, useEffect as X, useMemo as Le, Suspense as je } from "react";
+import F, { createContext as ft, useContext as gt, useCallback as U, useState as k, useRef as K, useEffect as Z, useMemo as Le, Suspense as je } from "react";
 import { StreamChatService as xt } from "@linktr.ee/messaging-core";
 import { Chat as bt, ChannelList as Ct, DateSeparator as Nt, useChannelStateContext as Ie, useChatContext as Ke, areMessageUIPropsEqual as pt, useMessageReminder as yt, useComponentContext as vt, Attachment as wt, EditMessageModal as _t, MessageBlocked as Et, MessageBouncePrompt as St, MessageDeleted as It, MessageIsThreadReplyInChannelButtonIndicator as Mt, MessageRepliesCountButton as kt, ReminderNotification as Tt, StreamedMessageText as Dt, messageHasAttachments as Rt, messageHasReactions as At, isDateSeparatorMessage as Lt, isMessageBlocked as Ut, isMessageBounced as Pt, MessageBounceModal as Ft, MessageText as ze, Poll as Ot, MessageErrorIcon as Bt, useMessageContext as Qe, useMessageComposer as Gt, useStateStore as $t, MessageInput as jt, useMessageInputContext as zt, useMessageComposerHasSendableData as Ht, SimpleAttachmentSelector as Vt, QuotedMessagePreview as Yt, AttachmentPreviewList as Wt, TextareaComposer as qt, MessageTimestamp as De, Channel as Zt, WithComponents as Jt, Window as Xt, MessageList as Kt } from "stream-chat-react";
 import { StarIcon as Ue, GiftIcon as Qt, XIcon as Oe, SpinnerGapIcon as _e, SignOutIcon as es, ProhibitInsetIcon as He, FlagIcon as ts, ArrowUpIcon as ss, SparkleIcon as ns, ProhibitIcon as as, ArrowLeftIcon as Ve, DotsThreeIcon as Ye, MagnifyingGlassIcon as rs, ChatCircleDotsIcon as We } from "@phosphor-icons/react";
@@ -15,7 +15,7 @@ const et = ft({
   refreshConnection: async () => {
   },
   debug: !1
-}), Me = () => gt(et), ln = ({
+}), Me = () => gt(et), cn = ({
   children: t,
   user: s,
   serviceConfig: n,
@@ -35,12 +35,12 @@ const et = ft({
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [c, g] = k(null), [h, b] = k(null), [C, E] = k(!1), [m, S] = k(!1), [o, y] = k(null), M = Q(!1), N = Q({
+  const [c, g] = k(null), [h, b] = k(null), [C, E] = k(!1), [m, S] = k(!1), [o, y] = k(null), M = K(!1), N = K({
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
     capabilities: l
-  }), v = Q(0);
+  }), v = K(0);
   v.current++, a("📊 RENDER INFO", {
     renderCount: v.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (r == null ? void 0 : r.substring(0, 8)) + "..." },
@@ -55,7 +55,7 @@ const et = ft({
     apiKey: r,
     serviceConfig: n,
     capabilities: l
-  }, X(() => {
+  }, Z(() => {
     const u = v.current;
     if (a("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: u,
@@ -94,8 +94,8 @@ const et = ft({
       }), f.disconnectUser().catch(console.error);
     };
   }, [r, n, d, a]);
-  const w = Q(null);
-  X(() => {
+  const w = K(null);
+  Z(() => {
     var f, _;
     if (a("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
@@ -141,7 +141,7 @@ const et = ft({
         });
       }
     })();
-  }, [c, s, a, C]), X(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, a, C]), Z(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
     isConnected: C
   }), () => {
@@ -227,7 +227,7 @@ const et = ft({
   const [s, n] = k(
     !!((l = (r = t == null ? void 0 : t.state) == null ? void 0 : r.membership) != null && l.pinned_at)
   );
-  return X(() => {
+  return Z(() => {
     var a;
     if (!t) {
       n(!1);
@@ -563,6 +563,21 @@ const Cs = { last_message_at: -1 }, rt = F.memo(
   }
 );
 rt.displayName = "ChannelList";
+function Ns(t) {
+  const s = K(null);
+  Z(() => {
+    const n = t.cid;
+    if (!n || s.current === n) return;
+    const r = t.state.pending_messages;
+    if (!(r != null && r.length)) {
+      s.current = n;
+      return;
+    }
+    for (const l of r)
+      t.state.addMessageSorted(l.message);
+    s.current = n;
+  }, [t]);
+}
 const we = ({
   variant: t = "default",
   className: s,
@@ -605,7 +620,7 @@ function ot({ label: t, className: s, children: n, ...r }) {
 function lt({ onClick: t }) {
   return /* @__PURE__ */ e(ot, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Oe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const Ns = ({
+const ps = ({
   dialogRef: t,
   onClose: s,
   participant: n,
@@ -620,7 +635,7 @@ const Ns = ({
   customProfileContent: C,
   customChannelActions: E
 }) => {
-  var Z, J, P, V, z, ie, ce;
+  var J, X, P, V, z, ie, ce;
   const { service: m, debug: S } = Me(), [o, y] = k(!1), [M, N] = k(!1), [v, w] = k(!1), A = U(async () => {
     var R;
     if (!(!m || !((R = n == null ? void 0 : n.user) != null && R.id)))
@@ -638,8 +653,8 @@ const Ns = ({
           O
         );
       }
-  }, [m, (Z = n == null ? void 0 : n.user) == null ? void 0 : Z.id]);
-  X(() => {
+  }, [m, (J = n == null ? void 0 : n.user) == null ? void 0 : J.id]);
+  Z(() => {
     A();
   }, [A]);
   const x = async () => {
@@ -687,7 +702,7 @@ const Ns = ({
     );
   };
   if (!n) return null;
-  const p = ((J = n.user) == null ? void 0 : J.name) || ((P = n.user) == null ? void 0 : P.id) || "Unknown member", D = (V = n.user) == null ? void 0 : V.image, G = (z = n.user) == null ? void 0 : z.email, T = (ie = n.user) == null ? void 0 : ie.username, $ = G || (T ? `linktr.ee/${T}` : void 0), se = ((ce = n.user) == null ? void 0 : ce.id) || "unknown";
+  const p = ((X = n.user) == null ? void 0 : X.name) || ((P = n.user) == null ? void 0 : P.id) || "Unknown member", D = (V = n.user) == null ? void 0 : V.image, G = (z = n.user) == null ? void 0 : z.email, T = (ie = n.user) == null ? void 0 : ie.username, $ = G || (T ? `linktr.ee/${T}` : void 0), se = ((ce = n.user) == null ? void 0 : ce.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -790,13 +805,13 @@ const Ns = ({
       }
     )
   );
-}, ps = (t) => /* @__PURE__ */ e(Nt, { ...t, position: "center" }), Pe = "vote_up", Fe = "vote_down";
-function ys(t) {
+}, ys = (t) => /* @__PURE__ */ e(Nt, { ...t, position: "center" }), Pe = "vote_up", Fe = "vote_down";
+function vs(t) {
   return t != null && t.length ? t.some((s) => s.type === Fe) ? "down" : t.some((s) => s.type === Pe) ? "up" : null : null;
 }
-function vs(t) {
+function ws(t) {
   const { channel: s } = Ie(), { client: n } = Ke("useMessageVote"), r = Le(
-    () => ys(t.own_reactions),
+    () => vs(t.own_reactions),
     [t.own_reactions]
   ), l = U(async () => {
     if (n != null && n.userID)
@@ -821,13 +836,13 @@ function vs(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, r]);
   return { selected: r, voteUp: l, voteDown: d };
 }
-const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => import("./Visitor-C4WqnN8H.js")), Je = () => /* @__PURE__ */ e(
+const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => import("./Visitor-C4WqnN8H.js")), Je = () => /* @__PURE__ */ e(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-3xl bg-black/[0.06] shadow-[0px_0px_0px_1px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04)]",
     "aria-hidden": !0
   }
-), Es = (t) => t.onUnlock != null || t.onDownload != null ? /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e(Je, {}), children: /* @__PURE__ */ e(_s, { ...t }) }) : /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e(Je, {}), children: /* @__PURE__ */ e(ws, { ...t }) }), Ss = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+), Ss = (t) => t.onUnlock != null || t.onDownload != null ? /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e(Je, {}), children: /* @__PURE__ */ e(Es, { ...t }) }) : /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e(Je, {}), children: /* @__PURE__ */ e(_s, { ...t }) }), Is = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M4.667 7.333l2.666-6A1.333 1.333 0 018.667 2v2.667a.667.667 0 00.666.666h3.764a1.334 1.334 0 011.192 1.93l-2.333 4.666a1.333 1.333 0 01-1.193.738H4.667m0-5.334v5.334m0-5.334H2.667a1.333 1.333 0 00-1.334 1.334v2.666a1.333 1.333 0 001.334 1.334h2",
@@ -837,7 +852,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), Is = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+) }), Ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M11.333 8.667l-2.666 6A1.333 1.333 0 017.333 14v-2.667a.667.667 0 00-.666-.666H2.903a1.334 1.334 0 01-1.192-1.93l2.333-4.666a1.333 1.333 0 011.193-.738h6.096m0 5.334V3.333m0 5.334h2a1.333 1.333 0 001.334-1.334V4.667a1.333 1.333 0 00-1.334-1.334h-2",
@@ -847,7 +862,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), Ms = ({
+) }), ks = ({
   selected: t,
   onVoteUp: s,
   onVoteDown: n
@@ -860,7 +875,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(Ss, { filled: t === "up" })
+      children: /* @__PURE__ */ e(Is, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -871,11 +886,11 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       onClick: n,
       "aria-label": "Not helpful",
       "aria-pressed": t === "down",
-      children: /* @__PURE__ */ e(Is, { filled: t === "down" })
+      children: /* @__PURE__ */ e(Ms, { filled: t === "down" })
     }
   )
-] }), ks = (t) => {
-  var ge, xe, be, oe, K, Ce, Ne, pe;
+] }), Ts = (t) => {
+  var ge, xe, be, oe, Q, Ce, Ne, pe;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
@@ -894,15 +909,15 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     message: o,
     renderText: y,
     threadList: M
-  } = t, { client: N } = Ke("CustomMessage"), { channel: v } = Ie("CustomMessage"), [w, A] = k(!1), x = yt(o.id), { selected: u, voteUp: f, voteDown: _ } = vs(o), {
+  } = t, { client: N } = Ke("CustomMessage"), { channel: v } = Ie("CustomMessage"), [w, A] = k(!1), x = yt(o.id), { selected: u, voteUp: f, voteDown: _ } = ws(o), {
     Attachment: p = wt,
     EditMessageModal: D = _t,
     MessageBlocked: G = Et,
     MessageBouncePrompt: T = St,
     MessageDeleted: $ = It,
     MessageIsThreadReplyInChannelButtonIndicator: se = Mt,
-    MessageRepliesCountButton: Z = kt,
-    ReminderNotification: J = Tt,
+    MessageRepliesCountButton: J = kt,
+    ReminderNotification: X = Tt,
     StreamedMessageText: P = Dt,
     PinIndicator: V
   } = vt("CustomMessage"), z = Rt(o), ie = At(o), ce = Le(
@@ -956,7 +971,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     ),
     /* @__PURE__ */ i("div", { className: Ge, children: [
       V && /* @__PURE__ */ e(V, {}),
-      !!x && /* @__PURE__ */ e(J, { reminder: x }),
+      !!x && /* @__PURE__ */ e(X, { reminder: x }),
       o.user && /* @__PURE__ */ e(
         le,
         {
@@ -985,11 +1000,11 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
           },
           children: re ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ e(
-              Es,
+              Ss,
               {
                 title: (be = o.metadata) == null ? void 0 : be.attachment_title,
                 mimeType: (oe = o.metadata) == null ? void 0 : oe.attachment_mime_type,
-                thumbnail: (K = o.metadata) == null ? void 0 : K.attachment_thumbnail,
+                thumbnail: (Q = o.metadata) == null ? void 0 : Q.attachment_thumbnail,
                 amountText: (Ce = o.metadata) == null ? void 0 : Ce.amount_text,
                 detail: (Ne = o.metadata) == null ? void 0 : Ne.attachment_detail,
                 paymentStatus: (pe = o.metadata) == null ? void 0 : pe.payment_status,
@@ -1037,7 +1052,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
               }
             ),
             n && ae && /* @__PURE__ */ e(
-              Ms,
+              ks,
               {
                 selected: u,
                 onVoteUp: f,
@@ -1048,7 +1063,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
         }
       ),
       O && /* @__PURE__ */ e(
-        Z,
+        J,
         {
           onClick: b,
           reply_count: o.reply_count
@@ -1057,17 +1072,17 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       Y && /* @__PURE__ */ e(se, {})
     ] }, o.id)
   ] });
-}, Ts = F.memo(
-  ks,
+}, Ds = F.memo(
+  Ts,
   (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled || t.onAttachmentUnlock !== s.onAttachmentUnlock || t.onAttachmentDownload !== s.onAttachmentDownload ? !1 : pt(t, s)
-), Ds = (t) => {
+), Rs = (t) => {
   const s = Qe("CustomMessage");
-  return /* @__PURE__ */ e(Ts, { ...s, ...t });
-}, Rs = (t) => ({
+  return /* @__PURE__ */ e(Ds, { ...s, ...t });
+}, As = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
     (s) => qe.previewIsLoaded(s) || qe.previewIsLoading(s)
   )
-}), As = ({
+}), Ls = ({
   link: t,
   onDismiss: s
 }) => {
@@ -1107,28 +1122,28 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       ]
     }
   );
-}, Ls = () => {
+}, Us = () => {
   const { linkPreviewsManager: t } = Gt(), { linkPreviews: s } = $t(
     t.state,
-    Rs
+    As
   ), n = (l) => {
     t.dismissPreview(l);
   };
   return s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: s.map((l) => /* @__PURE__ */ e(
-    As,
+    Ls,
     {
       link: l,
       onDismiss: n
     },
     l.og_scrape_url
   )) }) : null;
-}, Us = () => {
+}, Ps = () => {
   const { handleSubmit: t } = zt(), s = Ht();
   return /* @__PURE__ */ i(he, { children: [
     /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Vt, {}) }),
     /* @__PURE__ */ i("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
       /* @__PURE__ */ e(Yt, {}),
-      /* @__PURE__ */ e(Ls, {}),
+      /* @__PURE__ */ e(Us, {}),
       /* @__PURE__ */ e(Wt, {}),
       /* @__PURE__ */ i("div", { className: "flex", children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
@@ -1154,22 +1169,22 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       ] })
     ] })
   ] });
-}, Ps = ({
+}, Fs = ({
   renderActions: t
 }) => /* @__PURE__ */ i("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && (t == null ? void 0 : t()),
-  /* @__PURE__ */ e(jt, { Input: Us })
-] }), Fs = [
+  /* @__PURE__ */ e(jt, { Input: Ps })
+] }), Os = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Os = {
+], Bs = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Bs = [
+}, Gs = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Gs = {
+], $s = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Ae = "age safety guidelines.", $s = "https://linktr.ee/s/about/contact", Xe = (t) => Fs.includes(t), js = (t) => Bs.includes(t), zs = (t) => {
+}, Ae = "age safety guidelines.", js = "https://linktr.ee/s/about/contact", Xe = (t) => Os.includes(t), zs = (t) => Gs.includes(t), Hs = (t) => {
   var r;
   const s = (r = t.metadata) == null ? void 0 : r.custom_type;
   if (Xe(s))
@@ -1177,7 +1192,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       kind: "dm-agent",
       type: s
     };
-  if (js(s))
+  if (zs(s))
     return {
       kind: "age-safety",
       type: s
@@ -1188,7 +1203,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
       kind: "dm-agent",
       type: n
     };
-}, Hs = (t) => {
+}, Vs = (t) => {
   const s = t.indexOf(Ae);
   if (s === -1)
     return t;
@@ -1198,7 +1213,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     /* @__PURE__ */ e(
       "a",
       {
-        href: $s,
+        href: js,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1207,13 +1222,13 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     ),
     t.slice(n)
   ] });
-}, Vs = (t) => {
+}, Ys = (t) => {
   var r, l;
-  const s = t.message.hide_date === !0, n = zs(
+  const s = t.message.hide_date === !0, n = Hs(
     t.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const d = ((r = t.message.text) == null ? void 0 : r.trim()) || Os[n.type];
+    const d = ((r = t.message.text) == null ? void 0 : r.trim()) || Bs[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1239,7 +1254,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || Gs[n.type];
+    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || $s[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1258,7 +1273,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ e("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ e("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Hs(d) }) })
+            /* @__PURE__ */ e("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ e("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Vs(d) }) })
           ]
         }
       ),
@@ -1273,7 +1288,7 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     ] }),
     !s && /* @__PURE__ */ e(De, { message: t.message })
   ] });
-}, Ys = () => null, Ws = ({ className: t, message: s }) => /* @__PURE__ */ i(
+}, Ws = () => null, qs = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
     className: L("flex items-center justify-center h-full", t),
@@ -1317,11 +1332,11 @@ const ws = F.lazy(() => import("./Creator-VyMyIk2b.js")), _s = F.lazy(() => impo
     ]
   }
 ), Se = F.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ e(Ws, { className: "w-6 h-6" }),
+  /* @__PURE__ */ e(qs, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Se.displayName = "LoadingState";
-const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", qs = ({
+const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Zs = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
@@ -1459,7 +1474,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ] })
     ] })
   ] });
-}, Zs = ({
+}, Js = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
@@ -1479,7 +1494,9 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   customChannelActions: y,
   renderMessage: M
 }) => {
-  const { channel: N } = Ie(), v = Q(null), w = F.useMemo(() => Object.values(N.state.members || {}).find(
+  const { channel: N } = Ie();
+  Ns(N);
+  const v = K(null), w = F.useMemo(() => Object.values(N.state.members || {}).find(
     (_) => {
       var p;
       return ((p = _.user) == null ? void 0 : p.id) && _.user.id !== N._client.userID;
@@ -1504,7 +1521,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         overrides: {
           Message: (f) => {
             const { message: _ } = Qe("ChannelView"), p = /* @__PURE__ */ e(
-              Ds,
+              Rs,
               {
                 ...f,
                 chatbotVotingEnabled: C,
@@ -1517,7 +1534,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         },
         children: /* @__PURE__ */ i(Xt, { children: [
           /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-            qs,
+            Zs,
             {
               onBack: t,
               showBackButton: s,
@@ -1537,7 +1554,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           ) }),
           r == null ? void 0 : r(N),
           /* @__PURE__ */ e(
-            Ps,
+            Fs,
             {
               renderActions: () => n == null ? void 0 : n(N)
             }
@@ -1546,7 +1563,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     ),
     /* @__PURE__ */ e(
-      Ns,
+      ps,
       {
         dialogRef: v,
         onClose: u,
@@ -1574,7 +1591,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onLeaveConversation: d,
     onBlockParticipant: a,
     className: c,
-    CustomChannelEmptyState: g = Ys,
+    CustomChannelEmptyState: g = Ws,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: b,
     onBlockParticipantClick: C,
@@ -1593,8 +1610,8 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }) => {
     const f = U(
       async (_, p, D) => {
-        var J;
-        const G = ((J = t.data) == null ? void 0 : J.chatbot_paused) === !0, T = m && !G, $ = {
+        var X;
+        const G = ((X = t.data) == null ? void 0 : X.chatbot_paused) === !0, T = m && !G, $ = {
           ...p,
           ...T && { silent: !0 },
           ...S && {
@@ -1606,8 +1623,8 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         }, se = {
           ...D,
           ...T && { skip_push: !0 }
-        }, Z = await t.sendMessage($, se);
-        return o == null || o(Z), Z;
+        }, J = await t.sendMessage($, se);
+        return o == null || o(J), J;
       },
       [t, m, S, o]
     );
@@ -1622,13 +1639,13 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           Zt,
           {
             channel: t,
-            MessageSystem: Vs,
+            MessageSystem: Ys,
             EmptyStateIndicator: g,
             LoadingIndicator: Se,
-            DateSeparator: ps,
+            DateSeparator: ys,
             doSendMessageRequest: f,
             children: /* @__PURE__ */ e(
-              Zs,
+              Js,
               {
                 onBack: s,
                 showBackButton: n,
@@ -1658,12 +1675,12 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }
 );
 it.displayName = "ChannelView";
-function Js({
+function Xs({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
 }) {
-  const r = Q(null);
+  const r = K(null);
   return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
       rs,
@@ -1697,7 +1714,7 @@ function Js({
     )
   ] });
 }
-const Xs = ({
+const Ks = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
@@ -1708,10 +1725,10 @@ const Xs = ({
 }) => {
   const { debug: c } = Me(), [g, h] = k(""), [b, C] = k([]), [E, m] = k(!1), [S, o] = k(null), [y, M] = k(
     null
-  ), N = Q(!1);
-  X(() => {
+  ), N = K(!1);
+  Z(() => {
     N.current = !1;
-  }, [t]), X(() => {
+  }, [t]), Z(() => {
     if (t.loading) {
       c && console.log(
         "[ParticipantPicker] Waiting for participant source to finish loading..."
@@ -1774,7 +1791,7 @@ const Xs = ({
         t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
       /* @__PURE__ */ e(
-        Js,
+        Xs,
         {
           searchQuery: g,
           setSearchQuery: h,
@@ -1836,7 +1853,7 @@ const Xs = ({
       ] }) })
     ] }) })
   ] });
-}, Ks = ({ className: t }) => /* @__PURE__ */ i(
+}, Qs = ({ className: t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1972,7 +1989,7 @@ const Xs = ({
   }
 ), ct = F.memo(
   ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(Ks, {}),
+    /* @__PURE__ */ e(Qs, {}),
     s && !t && /* @__PURE__ */ i("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
       /* @__PURE__ */ e("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
@@ -1995,7 +2012,7 @@ const Ee = F.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
   )
 ] }) }));
 Ee.displayName = "ErrorState";
-const cn = ({
+const dn = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
@@ -2030,10 +2047,10 @@ const cn = ({
     client: T,
     isConnected: $,
     isLoading: se,
-    error: Z,
-    refreshConnection: J,
+    error: J,
+    refreshConnection: X,
     debug: P
-  } = os(), [V, z] = k(null), [ie, ce] = k(!1), [R, O] = k(!1), [Y, W] = k(!1), [ne, ee] = k(/* @__PURE__ */ new Set()), [de, Ge] = k(0), [q, me] = k(!1), [ae, re] = k(null), te = Q(null), {
+  } = os(), [V, z] = k(null), [ie, ce] = k(!1), [R, O] = k(!1), [Y, W] = k(!1), [ne, ee] = k(/* @__PURE__ */ new Set()), [de, Ge] = k(0), [q, me] = k(!1), [ae, re] = k(null), te = K(null), {
     participantSource: fe,
     participantLabel: ge = "participants",
     showDeleteConversation: xe = !0
@@ -2050,7 +2067,7 @@ const cn = ({
       },
       ...b
     };
-  }, [b, T == null ? void 0 : T.userID]), oe = Q(null), K = U(async () => {
+  }, [b, T == null ? void 0 : T.userID]), oe = K(null), Q = U(async () => {
     if (!T || !$) return;
     const I = T.userID;
     if (I)
@@ -2079,11 +2096,11 @@ const cn = ({
         console.error("[MessagingShell] Failed to sync channels:", H);
       }
   }, [T, $, P]);
-  X(() => {
+  Z(() => {
     if (!T || !$) return;
     const I = T.userID;
-    I && oe.current !== I && K();
-  }, [T, $, K]), X(() => {
+    I && oe.current !== I && Q();
+  }, [T, $, Q]), Z(() => {
     if (!a || !T || !$) return;
     (async () => {
       const H = T.userID;
@@ -2194,20 +2211,20 @@ const cn = ({
     [ye]
   ), mt = U(
     async (I) => {
-      P && console.log("[MessagingShell] Leaving conversation:", I.id), z(null), me(!1), oe.current = null, await K();
+      P && console.log("[MessagingShell] Leaving conversation:", I.id), z(null), me(!1), oe.current = null, await Q();
     },
-    [K, P]
+    [Q, P]
   ), ut = U(
     async (I) => {
-      P && console.log("[MessagingShell] Blocking participant:", I), z(null), me(!1), oe.current = null, await K();
+      P && console.log("[MessagingShell] Blocking participant:", I), z(null), me(!1), oe.current = null, await Q();
     },
-    [K, P]
+    [Q, P]
   ), ve = !!V;
-  return se ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Se, {}) }) : Z ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: Z, onBack: J }) }) : !$ || !T ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(
+  return se ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Se, {}) }) : J ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: J, onBack: X }) }) : !$ || !T ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(
     Ee,
     {
       message: "Not connected to messaging service",
-      onBack: J
+      onBack: X
     }
   ) }) : ae ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: ae }) }) : /* @__PURE__ */ i(
     "div",
@@ -2306,7 +2323,7 @@ const cn = ({
             onClick: dt,
             onClose: ye,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              Xs,
+              Ks,
               {
                 participantSource: fe,
                 onSelectParticipant: pe,
@@ -2322,7 +2339,7 @@ const cn = ({
       ]
     }
   );
-}, Qs = ({
+}, en = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -2344,7 +2361,7 @@ const cn = ({
     ),
     children: t
   }
-), dn = ({
+), mn = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
@@ -2373,7 +2390,7 @@ const cn = ({
         children: [
           r && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: r }),
           c.map((g) => /* @__PURE__ */ e(
-            Qs,
+            en,
             {
               question: g.question,
               onClick: () => s(g.id),
@@ -2385,7 +2402,7 @@ const cn = ({
       }
     )
   ] }) });
-}, mn = (t, s = {}) => {
+}, un = (t, s = {}) => {
   const { initialSearch: n = "", pageSize: r = 20 } = s, [l, d] = k([]), [a, c] = k(!1), [g, h] = k(null), [b, C] = k(n), [E, m] = k(!0), [S, o] = k(), y = U(async (w = !1, A) => {
     if (a) return;
     const x = A !== void 0 ? A : b;
@@ -2412,7 +2429,7 @@ const cn = ({
   }, [y]), v = U(() => {
     o(void 0), y(!0);
   }, [y]);
-  return X(() => {
+  return Z(() => {
     y(!0);
   }, [t.loadParticipants]), {
     participants: l,
@@ -2429,19 +2446,19 @@ const cn = ({
 export {
   we as ActionButton,
   le as Avatar,
-  Ys as ChannelEmptyState,
+  Ws as ChannelEmptyState,
   rt as ChannelList,
   it as ChannelView,
-  dn as FaqList,
-  Qs as FaqListItem,
-  Es as LockedAttachment,
-  Ms as MessageVoteButtons,
-  ln as MessagingProvider,
-  cn as MessagingShell,
-  Xs as ParticipantPicker,
+  mn as FaqList,
+  en as FaqListItem,
+  Ss as LockedAttachment,
+  ks as MessageVoteButtons,
+  cn as MessagingProvider,
+  dn as MessagingShell,
+  Ks as ParticipantPicker,
   ds as formatRelativeTime,
-  vs as useMessageVote,
+  ws as useMessageVote,
   os as useMessaging,
-  mn as useParticipants
+  un as useParticipants
 };
 //# sourceMappingURL=index.js.map