@linktr.ee/messaging-react 1.22.0-rc-1771558667 → 1.22.0-rc-1771558865

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as i, Fragment as ve } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as we } from "react/jsx-runtime";
 import D from "classnames";
-import B, { createContext as es, useContext as ss, useCallback as L, useState as I, useRef as Y, useEffect as q, useMemo as be } from "react";
+import B, { createContext as es, useContext as ss, useCallback as L, useState as I, useRef as Y, useEffect as q, useMemo as Ne } from "react";
 import { StreamChatService as ts } from "@linktr.ee/messaging-core";
-import { Chat as ns, ChannelList as rs, DateSeparator as as, useChannelStateContext as we, useChatContext as Ue, areMessageUIPropsEqual as ls, useMessageReminder as os, useComponentContext as is, Attachment as cs, EditMessageModal as ds, MessageBlocked as us, MessageBouncePrompt as ms, MessageDeleted as hs, MessageIsThreadReplyInChannelButtonIndicator as fs, MessageRepliesCountButton as gs, ReminderNotification as xs, StreamedMessageText as bs, messageHasAttachments as Ns, messageHasReactions as Cs, isDateSeparatorMessage as vs, isMessageBlocked as ws, isMessageBounced as ys, MessageBounceModal as ps, Poll as Es, MessageText as _s, MessageErrorIcon as Is, useMessageContext as Ss, useMessageComposer as Ms, useStateStore as ks, MessageInput as Ds, useMessageInputContext as Ts, useMessageComposerHasSendableData as Rs, SimpleAttachmentSelector as Fs, QuotedMessagePreview as Ls, AttachmentPreviewList as Ps, TextareaComposer as Us, MessageTimestamp as Ie, Channel as Os, WithComponents as As, Window as Bs, MessageList as js } from "stream-chat-react";
-import { GiftIcon as $s, XIcon as ye, ArrowUpIcon as zs, Sparkle as Gs, X as Hs, ArrowLeftIcon as Se, StarIcon as Me, DotsThreeIcon as ke, SpinnerGapIcon as ue, SignOutIcon as Vs, ProhibitInsetIcon as De, FlagIcon as Ws, MagnifyingGlassIcon as Ys, ChatCircleDotsIcon as Te } from "@phosphor-icons/react";
+import { Chat as ns, ChannelList as rs, DateSeparator as as, useChannelStateContext as ye, useChatContext as Ue, areMessageUIPropsEqual as ls, useMessageReminder as os, useComponentContext as is, Attachment as cs, EditMessageModal as ds, MessageBlocked as us, MessageBouncePrompt as ms, MessageDeleted as hs, MessageIsThreadReplyInChannelButtonIndicator as fs, MessageRepliesCountButton as gs, ReminderNotification as xs, StreamedMessageText as bs, messageHasAttachments as Ns, messageHasReactions as Cs, isDateSeparatorMessage as vs, isMessageBlocked as ws, isMessageBounced as ys, MessageBounceModal as ps, Poll as Es, MessageText as _s, MessageErrorIcon as Is, useMessageContext as Ss, useMessageComposer as Ms, useStateStore as ks, MessageInput as Ds, useMessageInputContext as Ts, useMessageComposerHasSendableData as Rs, SimpleAttachmentSelector as Fs, QuotedMessagePreview as Ls, AttachmentPreviewList as Ps, TextareaComposer as Us, MessageTimestamp as Ie, Channel as Os, WithComponents as As, Window as Bs, MessageList as js } from "stream-chat-react";
+import { GiftIcon as $s, XIcon as fe, ArrowUpIcon as zs, SparkleIcon as Gs, ArrowLeftIcon as Se, StarIcon as Me, DotsThreeIcon as ke, SpinnerGapIcon as ue, SignOutIcon as Hs, ProhibitInsetIcon as De, FlagIcon as Vs, MagnifyingGlassIcon as Ws, ChatCircleDotsIcon as Te } from "@phosphor-icons/react";
 import { LinkPreviewsManager as Re } from "stream-chat";
 const Oe = es({
   service: null,
@@ -15,7 +15,7 @@ const Oe = es({
   refreshConnection: async () => {
   },
   debug: !1
-}), fe = () => ss(Oe), Ot = ({
+}), ge = () => ss(Oe), Ut = ({
   children: s,
   user: t,
   serviceConfig: n,
@@ -216,18 +216,18 @@ const Oe = es({
       children: s
     }
   ) : s });
-}, qs = () => fe(), Zs = (s, t) => {
+}, Ys = () => ge(), qs = (s, t) => {
   const n = new Date(
     Date.UTC(s.getUTCFullYear(), s.getUTCMonth(), s.getUTCDate())
   ), o = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(o / (1e3 * 60 * 60 * 24));
-}, Xs = (s) => {
+}, Zs = (s) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - s.getTime()) / 1e3) < 60)
     return "Just now";
-  const r = Zs(s, t);
+  const r = qs(s, t);
   return r === 0 ? s.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -317,22 +317,22 @@ const K = ({
       )
     }
   );
-}, Ks = () => /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ e(
+}, Xs = () => /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M10.003 5a.705.705 0 0 1-.469.67L6.7 6.7 5.67 9.535a.715.715 0 0 1-1.34 0L3.3 6.7.466 5.67a.715.715 0 0 1 0-1.34L3.3 3.3 4.33.466a.715.715 0 0 1 1.34 0L6.7 3.3l2.834 1.03a.705.705 0 0 1 .469.67",
     fill: "currentColor"
   }
-) }), et = (s) => {
+) }), Ks = (s) => {
   var t;
   return ((t = s.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, st = (s) => {
+}, et = (s) => {
   var t;
   return ((t = s.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, pe = (s) => {
   var t;
   return ((t = s.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Ae = (s) => et(s) || st(s), tt = (s) => {
+}, Ae = (s) => Ks(s) || et(s), st = (s) => {
   var t;
   return Ae(s) && !((t = s.text) != null && t.trim());
 }, Le = ({
@@ -353,7 +353,7 @@ const K = ({
     ] });
   }
   return /* @__PURE__ */ i("div", { className: "message-tag message-tag--chatbot", children: [
-    /* @__PURE__ */ e("span", { className: "message-tag__icon", style: { marginTop: -1 }, children: /* @__PURE__ */ e(Ks, {}) }),
+    /* @__PURE__ */ e("span", { className: "message-tag__icon", style: { marginTop: -1 }, children: /* @__PURE__ */ e(Xs, {}) }),
     /* @__PURE__ */ e("span", { className: "message-tag__label", children: "Chatbot" })
   ] });
 }, Be = B.memo(
@@ -381,7 +381,7 @@ const K = ({
       if (a != null && a.text) return a.text;
       const _ = (R = a == null ? void 0 : a.attachments) == null ? void 0 : R[0];
       return _ ? _.og_scrape_url ? _.og_scrape_url : _.type === "image" ? "📷 Sent an image" : _.type === "video" ? "🎥 Sent a video" : _.type === "audio" ? "🎵 Sent audio" : _.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), v = a != null && a.created_at ? Xs(new Date(a.created_at)) : "", k = a ? pe(a) : !1, b = d ? d(a, S) : `${k ? "✨ " : ""}${S}`, m = o ?? 0;
+    })(), v = a != null && a.created_at ? Zs(new Date(a.created_at)) : "", k = a ? pe(a) : !1, b = d ? d(a, S) : `${k ? "✨ " : ""}${S}`, m = o ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: s == null ? void 0 : s.id,
       isSelected: l,
@@ -449,7 +449,7 @@ const je = B.memo(
   }) => {
     const l = B.useRef(0);
     l.current++;
-    const { debug: u = !1 } = fe();
+    const { debug: u = !1 } = ge();
     u && console.log("📺 [ChannelList] 🔄 RENDER START", {
       renderCount: l.current,
       selectedChannelId: t == null ? void 0 : t.id,
@@ -528,22 +528,22 @@ function $e({ label: s, className: t, children: n, ...r }) {
   );
 }
 function ze({ onClick: s }) {
-  return /* @__PURE__ */ e($e, { label: "Close", onClick: s, className: "p-1", children: /* @__PURE__ */ e(ye, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+  return /* @__PURE__ */ e($e, { label: "Close", onClick: s, className: "p-1", children: /* @__PURE__ */ e(fe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const nt = (s) => /* @__PURE__ */ e(as, { ...s, position: "center" }), Ne = "vote_up", Ce = "vote_down";
-function rt(s) {
-  return s != null && s.length ? s.some((t) => t.type === Ce) ? "down" : s.some((t) => t.type === Ne) ? "up" : null : null;
+const tt = (s) => /* @__PURE__ */ e(as, { ...s, position: "center" }), Ce = "vote_up", ve = "vote_down";
+function nt(s) {
+  return s != null && s.length ? s.some((t) => t.type === ve) ? "down" : s.some((t) => t.type === Ce) ? "up" : null : null;
 }
-function at(s) {
-  const { channel: t } = we(), { client: n } = Ue("useMessageVote"), r = be(
-    () => rt(s.own_reactions),
+function rt(s) {
+  const { channel: t } = ye(), { client: n } = Ue("useMessageVote"), r = Ne(
+    () => nt(s.own_reactions),
     [s.own_reactions]
   ), o = L(async () => {
     if (n != null && n.userID)
       try {
-        r === "up" ? await t.deleteReaction(s.id, Ne) : await t.sendReaction(
+        r === "up" ? await t.deleteReaction(s.id, Ce) : await t.sendReaction(
           s.id,
-          { type: Ne },
+          { type: Ce },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -551,9 +551,9 @@ function at(s) {
   }, [t, n == null ? void 0 : n.userID, s.id, r]), d = L(async () => {
     if (n != null && n.userID)
       try {
-        r === "down" ? await t.deleteReaction(s.id, Ce) : await t.sendReaction(
+        r === "down" ? await t.deleteReaction(s.id, ve) : await t.sendReaction(
           s.id,
-          { type: Ce },
+          { type: ve },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -561,7 +561,7 @@ function at(s) {
   }, [t, n == null ? void 0 : n.userID, s.id, r]);
   return { selected: r, voteUp: o, voteDown: d };
 }
-const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+const at = ({ filled: s }) => /* @__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",
@@ -571,7 +571,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: s ? "currentColor" : "none"
   }
-) }), ot = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+) }), lt = ({ filled: s }) => /* @__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",
@@ -581,7 +581,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: s ? "currentColor" : "none"
   }
-) }), it = ({
+) }), ot = ({
   selected: s,
   onVoteUp: t,
   onVoteDown: n
@@ -594,7 +594,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: t,
       "aria-label": "Helpful",
       "aria-pressed": s === "up",
-      children: /* @__PURE__ */ e(lt, { filled: s === "up" })
+      children: /* @__PURE__ */ e(at, { filled: s === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -605,11 +605,11 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: n,
       "aria-label": "Not helpful",
       "aria-pressed": s === "down",
-      children: /* @__PURE__ */ e(ot, { filled: s === "down" })
+      children: /* @__PURE__ */ e(lt, { filled: s === "down" })
     }
   )
-] }), ct = (s) => {
-  var Q, le;
+] }), it = (s) => {
+  var X, le;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -626,7 +626,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     message: a,
     renderText: E,
     threadList: S
-  } = s, { client: v } = Ue("CustomMessage"), [k, b] = I(!1), m = os(a.id), { selected: w, voteUp: T, voteDown: h } = at(a), {
+  } = s, { client: v } = Ue("CustomMessage"), [k, b] = I(!1), m = os(a.id), { selected: w, voteUp: T, voteDown: h } = rt(a), {
     Attachment: c = cs,
     EditMessageModal: x = ds,
     MessageBlocked: A = us,
@@ -637,10 +637,10 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     ReminderNotification: z = xs,
     StreamedMessageText: ee = bs,
     PinIndicator: Z
-  } = is("CustomMessage"), se = Ns(a), te = Cs(a), re = be(
+  } = is("CustomMessage"), se = Ns(a), te = Cs(a), re = Ne(
     () => N == null ? void 0 : N(a),
     [N, a]
-  ), V = be(
+  ), V = Ne(
     () => !a.shared_location && !a.attachments ? [] : a.shared_location ? [a.shared_location, ...a.attachments ?? []] : a.attachments,
     [a]
   );
@@ -650,7 +650,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     return /* @__PURE__ */ e(R, { message: a });
   if (ws(a))
     return /* @__PURE__ */ e(A, {});
-  const X = !S && !!a.reply_count, P = !S && a.show_in_channel && a.parent_id, U = a.status === "failed" && ((Q = a.error) == null ? void 0 : Q.status) !== 403, G = ys(a);
+  const J = !S && !!a.reply_count, P = !S && a.show_in_channel && a.parent_id, U = a.status === "failed" && ((X = a.error) == null ? void 0 : X.status) !== 403, G = ys(a);
   let F;
   U ? F = () => g(a) : G && (F = () => b(!0));
   const W = D(
@@ -665,13 +665,13 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       "str-chat__message--pinned pinned-message": a.pinned,
       "str-chat__message--with-reactions": te,
       "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((le = a == null ? void 0 : a.error) == null ? void 0 : le.status) !== 403,
-      "str-chat__message-with-thread-link": X || P,
+      "str-chat__message-with-thread-link": J || P,
       "str-chat__virtual-message__wrapper--end": o,
       "str-chat__virtual-message__wrapper--first": d,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), ae = a.poll_id && v.polls.fromState(a.poll_id), J = tt(a);
-  return /* @__PURE__ */ i(ve, { children: [
+  ), ae = a.poll_id && v.polls.fromState(a.poll_id), Q = st(a);
+  return /* @__PURE__ */ i(we, { children: [
     r && /* @__PURE__ */ e(
       x,
       {
@@ -715,7 +715,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             marginInlineEnd: 0,
             marginInlineStart: 0
           },
-          children: J ? (
+          children: Q ? (
             /* Tip-only messages render as a standalone bubble */
             /* @__PURE__ */ e(Le, { message: a, standalone: !0 })
           ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
@@ -739,7 +739,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             ] }),
             /* @__PURE__ */ e(Le, { message: a }),
             n && pe(a) && /* @__PURE__ */ e(
-              it,
+              ot,
               {
                 selected: w,
                 onVoteUp: T,
@@ -749,7 +749,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           ] })
         }
       ),
-      X && /* @__PURE__ */ e(
+      J && /* @__PURE__ */ e(
         H,
         {
           onClick: f,
@@ -759,17 +759,17 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       P && /* @__PURE__ */ e(M, {})
     ] }, a.id)
   ] });
-}, dt = B.memo(
-  ct,
+}, ct = B.memo(
+  it,
   ls
-), ut = (s) => {
+), dt = (s) => {
   const t = Ss("CustomMessage");
-  return /* @__PURE__ */ e(dt, { ...t, ...s });
-}, mt = (s) => ({
+  return /* @__PURE__ */ e(ct, { ...t, ...s });
+}, ut = (s) => ({
   linkPreviews: Array.from(s.previews.values()).filter(
     (t) => Re.previewIsLoaded(t) || Re.previewIsLoading(t)
   )
-}), ht = ({
+}), mt = ({
   link: s,
   onDismiss: t
 }) => {
@@ -799,7 +799,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ e(ye, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ e(fe, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ i("div", { className: "p-2", children: [
@@ -809,28 +809,28 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       ]
     }
   );
-}, ft = () => {
+}, ht = () => {
   const { linkPreviewsManager: s } = Ms(), { linkPreviews: t } = ks(
     s.state,
-    mt
+    ut
   ), n = (o) => {
     s.dismissPreview(o);
   };
   return t.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: t.map((o) => /* @__PURE__ */ e(
-    ht,
+    mt,
     {
       link: o,
       onDismiss: n
     },
     o.og_scrape_url
   )) }) : null;
-}, gt = () => {
+}, ft = () => {
   const { handleSubmit: s } = Ts(), t = Rs();
-  return /* @__PURE__ */ i(ve, { children: [
+  return /* @__PURE__ */ i(we, { children: [
     /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Fs, {}) }),
     /* @__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(Ls, {}),
-      /* @__PURE__ */ e(ft, {}),
+      /* @__PURE__ */ e(ht, {}),
       /* @__PURE__ */ e(Ps, {}),
       /* @__PURE__ */ i("div", { className: "flex", children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
@@ -856,18 +856,18 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       ] })
     ] })
   ] });
-}, xt = ({
+}, gt = ({
   renderActions: s
 }) => /* @__PURE__ */ i("div", { className: "message-input flex items-center gap-2 p-4", children: [
   s && (s == null ? void 0 : s()),
-  /* @__PURE__ */ e(Ds, { Input: gt })
-] }), bt = [
+  /* @__PURE__ */ e(Ds, { Input: ft })
+] }), xt = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Nt = {
+], bt = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Pe = (s) => bt.includes(s), Ct = (s) => {
+}, Pe = (s) => xt.includes(s), Nt = (s) => {
   var r;
   const t = (r = s.metadata) == null ? void 0 : r.custom_type;
   if (Pe(t))
@@ -875,11 +875,11 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   const n = s.dm_agent_system_type;
   if (Pe(n))
     return n;
-}, vt = (s) => {
+}, Ct = (s) => {
   var r;
-  const t = s.message.hide_date === !0, n = Ct(s.message);
+  const t = s.message.hide_date === !0, n = Nt(s.message);
   if (n) {
-    const o = ((r = s.message.text) == null ? void 0 : r.trim()) || Nt[n];
+    const o = ((r = s.message.text) == null ? void 0 : r.trim()) || bt[n];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -904,7 +904,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
                 className: "mes-dm-agent-system-message__close",
                 "aria-hidden": !0,
                 "data-testid": "dm-agent-system-message-close",
-                children: /* @__PURE__ */ e(Hs, { size: 14, weight: "regular", "aria-hidden": !0 })
+                children: /* @__PURE__ */ e(fe, { size: 14, weight: "regular", "aria-hidden": !0 })
               }
             )
           ]
@@ -921,7 +921,7 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     ] }),
     !t && /* @__PURE__ */ e(Ie, { message: s.message })
   ] });
-}, wt = () => null, yt = ({ className: s, message: t }) => /* @__PURE__ */ i(
+}, vt = () => null, wt = ({ className: s, message: t }) => /* @__PURE__ */ i(
   "div",
   {
     className: D("flex items-center justify-center h-full", s),
@@ -965,11 +965,11 @@ const lt = ({ filled: s }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     ]
   }
 ), he = B.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(yt, { className: "w-6 h-6" }),
+  /* @__PURE__ */ e(wt, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 he.displayName = "LoadingState";
-const pt = ({
+const yt = ({
   onBack: s,
   showBackButton: t,
   onShowInfo: n,
@@ -977,7 +977,7 @@ const pt = ({
   showStarButton: o = !1
 }) => {
   var y, a, E, S, v, k;
-  const { channel: d } = we(), l = B.useMemo(() => Object.values(d.state.members || {}).find(
+  const { channel: d } = ye(), l = B.useMemo(() => Object.values(d.state.members || {}).find(
     (m) => {
       var w;
       return ((w = m.user) == null ? void 0 : w.id) && m.user.id !== d._client.userID;
@@ -1121,7 +1121,7 @@ const pt = ({
       ] })
     ] })
   ] });
-}, Et = ({
+}, pt = ({
   dialogRef: s,
   onClose: t,
   participant: n,
@@ -1135,8 +1135,8 @@ const pt = ({
   onReportParticipantClick: C,
   customChannelActions: N
 }) => {
-  var ee, Z, se, te, re, V, X;
-  const { service: y, debug: a } = fe(), [E, S] = I(!1), [v, k] = I(!1), [b, m] = I(!1), w = L(async () => {
+  var ee, Z, se, te, re, V, J;
+  const { service: y, debug: a } = ge(), [E, S] = I(!1), [v, k] = I(!1), [b, m] = I(!1), w = L(async () => {
     var P;
     if (!(!y || !((P = n == null ? void 0 : n.user) != null && P.id)))
       try {
@@ -1202,7 +1202,7 @@ const pt = ({
     );
   };
   if (!n) return null;
-  const A = ((Z = n.user) == null ? void 0 : Z.name) || ((se = n.user) == null ? void 0 : se.id) || "Unknown member", _ = (te = n.user) == null ? void 0 : te.image, R = (re = n.user) == null ? void 0 : re.email, M = (V = n.user) == null ? void 0 : V.username, H = R || (M ? `linktr.ee/${M}` : void 0), z = ((X = n.user) == null ? void 0 : X.id) || "unknown";
+  const A = ((Z = n.user) == null ? void 0 : Z.name) || ((se = n.user) == null ? void 0 : se.id) || "Unknown member", _ = (te = n.user) == null ? void 0 : te.image, R = (re = n.user) == null ? void 0 : re.email, M = (V = n.user) == null ? void 0 : V.username, H = R || (M ? `linktr.ee/${M}` : void 0), z = ((J = n.user) == null ? void 0 : J.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -1265,7 +1265,7 @@ const pt = ({
                   disabled: v,
                   "aria-busy": v,
                   children: [
-                    v ? /* @__PURE__ */ e(ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Vs, { className: "h-5 w-5" }),
+                    v ? /* @__PURE__ */ e(ue, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Hs, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -1294,7 +1294,7 @@ const pt = ({
                 }
               ) }),
               /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(de, { variant: "danger", onClick: x, children: [
-                /* @__PURE__ */ e(Ws, { className: "h-5 w-5" }),
+                /* @__PURE__ */ e(Vs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
               N
@@ -1304,7 +1304,7 @@ const pt = ({
       }
     )
   );
-}, _t = ({
+}, Et = ({
   onBack: s,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -1319,7 +1319,7 @@ const pt = ({
   renderChannelBanner: N,
   customChannelActions: y
 }) => {
-  const { channel: a } = we(), E = Y(null), S = B.useMemo(() => Object.values(a.state.members || {}).find(
+  const { channel: a } = ye(), E = Y(null), S = B.useMemo(() => Object.values(a.state.members || {}).find(
     (w) => {
       var T;
       return ((T = w.user) == null ? void 0 : T.id) && w.user.id !== a._client.userID;
@@ -1337,16 +1337,16 @@ const pt = ({
     var m;
     (m = E.current) == null || m.close();
   }, []);
-  return /* @__PURE__ */ i(ve, { children: [
+  return /* @__PURE__ */ i(we, { children: [
     /* @__PURE__ */ e(
       As,
       {
         overrides: {
-          Message: (m) => /* @__PURE__ */ e(ut, { ...m, chatbotVotingEnabled: C })
+          Message: (m) => /* @__PURE__ */ e(dt, { ...m, chatbotVotingEnabled: C })
         },
         children: /* @__PURE__ */ i(Bs, { children: [
           /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-            pt,
+            yt,
             {
               onBack: s,
               showBackButton: t,
@@ -1365,7 +1365,7 @@ const pt = ({
             }
           ) }),
           /* @__PURE__ */ e(
-            xt,
+            gt,
             {
               renderActions: () => n == null ? void 0 : n(a)
             }
@@ -1374,7 +1374,7 @@ const pt = ({
       }
     ),
     /* @__PURE__ */ e(
-      Et,
+      pt,
       {
         dialogRef: E,
         onClose: b,
@@ -1400,7 +1400,7 @@ const pt = ({
     onLeaveConversation: o,
     onBlockParticipant: d,
     className: l,
-    CustomChannelEmptyState: u = wt,
+    CustomChannelEmptyState: u = vt,
     showDeleteConversation: f = !0,
     onDeleteConversationClick: g,
     onBlockParticipantClick: C,
@@ -1444,13 +1444,13 @@ const pt = ({
           Os,
           {
             channel: s,
-            MessageSystem: vt,
+            MessageSystem: Ct,
             EmptyStateIndicator: u,
             LoadingIndicator: he,
-            DateSeparator: nt,
+            DateSeparator: tt,
             doSendMessageRequest: m,
             children: /* @__PURE__ */ e(
-              _t,
+              Et,
               {
                 onBack: t,
                 showBackButton: n,
@@ -1475,7 +1475,7 @@ const pt = ({
   }
 );
 Ge.displayName = "ChannelView";
-function It({
+function _t({
   searchQuery: s,
   setSearchQuery: t,
   placeholder: n
@@ -1483,7 +1483,7 @@ function It({
   const r = Y(null);
   return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
-      Ys,
+      Ws,
       {
         className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone",
         weight: "bold"
@@ -1509,12 +1509,12 @@ function It({
           t(""), (o = r.current) == null || o.focus();
         },
         className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal",
-        children: /* @__PURE__ */ e(ye, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ e(fe, { className: "h-4 w-4", weight: "bold" })
       }
     )
   ] });
 }
-const St = ({
+const It = ({
   participantSource: s,
   onSelectParticipant: t,
   onClose: n,
@@ -1523,7 +1523,7 @@ const St = ({
   searchPlaceholder: d = "Search participants...",
   className: l
 }) => {
-  const { debug: u } = fe(), [f, g] = I(""), [C, N] = I([]), [y, a] = I(!1), [E, S] = I(null), [v, k] = I(
+  const { debug: u } = ge(), [f, g] = I(""), [C, N] = I([]), [y, a] = I(!1), [E, S] = I(null), [v, k] = I(
     null
   ), b = Y(!1);
   q(() => {
@@ -1589,7 +1589,7 @@ const St = ({
         s.totalCount !== void 0 && ` • ${s.totalCount} ${o} total`
       ] }),
       /* @__PURE__ */ e(
-        It,
+        _t,
         {
           searchQuery: f,
           setSearchQuery: g,
@@ -1651,7 +1651,7 @@ const St = ({
       ] }) })
     ] }) })
   ] });
-}, Mt = ({ className: s }) => /* @__PURE__ */ i(
+}, St = ({ className: s }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1787,7 +1787,7 @@ const St = ({
   }
 ), He = B.memo(
   ({ hasChannels: s, channelsLoaded: t }) => /* @__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(Mt, {}),
+    /* @__PURE__ */ e(St, {}),
     t && !s && /* @__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" })
@@ -1810,7 +1810,7 @@ const me = B.memo(({ message: s, onBack: t }) => /* @__PURE__ */ e("div", { clas
   )
 ] }) }));
 me.displayName = "ErrorState";
-const At = ({
+const Ot = ({
   capabilities: s = {},
   className: t,
   renderMessageInputActions: n,
@@ -1842,7 +1842,7 @@ const At = ({
     error: _,
     refreshConnection: R,
     debug: M
-  } = qs(), [H, z] = I(null), [ee, Z] = I(!1), [se, te] = I(!1), [re, V] = I(!1), [X, P] = I(/* @__PURE__ */ new Set()), [U, G] = I(0), [F, W] = I(!1), [ae, J] = I(null), Q = Y(null), {
+  } = Ys(), [H, z] = I(null), [ee, Z] = I(!1), [se, te] = I(!1), [re, V] = I(!1), [J, P] = I(/* @__PURE__ */ new Set()), [U, G] = I(0), [F, W] = I(!1), [ae, Q] = I(null), X = Y(null), {
     participantSource: le,
     participantLabel: Ee = "participants",
     showDeleteConversation: Ve = !0
@@ -1874,13 +1874,13 @@ const At = ({
           { limit: 100 }
         ), O = /* @__PURE__ */ new Set();
         $.forEach((j) => {
-          const ge = j.state.members;
-          Object.values(ge).forEach((Ke) => {
+          const xe = j.state.members;
+          Object.values(xe).forEach((Ke) => {
             var _e;
-            const xe = (_e = Ke.user) == null ? void 0 : _e.id;
-            xe && xe !== p && O.add(xe);
+            const be = (_e = Ke.user) == null ? void 0 : _e.id;
+            be && be !== p && O.add(be);
           });
-        }), P((j) => j.size === O.size && [...j].every((ge) => O.has(ge)) ? j : O), Z($.length > 0), te(!0), oe.current = p, M && console.log("[MessagingShell] Channels synced successfully:", {
+        }), P((j) => j.size === O.size && [...j].every((xe) => O.has(xe)) ? j : O), Z($.length > 0), te(!0), oe.current = p, M && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: $.length,
           memberCount: O.size
         });
@@ -1911,7 +1911,7 @@ const At = ({
             { limit: 1 }
           );
           if (O.length > 0)
-            z(O[0]), W(!0), J(null), r && r(O[0]), M && console.log(
+            z(O[0]), W(!0), Q(null), r && r(O[0]), M && console.log(
               "[MessagingShell] Initial conversation loaded:",
               O[0].id
             );
@@ -1927,7 +1927,7 @@ const At = ({
                 email: l.email,
                 phone: l.phone
               });
-              z(j), W(!0), J(null), r && r(j), M && console.log(
+              z(j), W(!0), Q(null), r && r(j), M && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 j.id
               );
@@ -1935,10 +1935,10 @@ const At = ({
               console.error(
                 "[MessagingShell] Failed to create conversation:",
                 j
-              ), J("Failed to create conversation");
+              ), Q("Failed to create conversation");
             }
           } else
-            J(
+            Q(
               "No conversation found with this account"
             ), M && console.log(
               "[MessagingShell] No conversation found for:",
@@ -1948,7 +1948,7 @@ const At = ({
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
             O
-          ), J("Failed to load conversation");
+          ), Q("Failed to load conversation");
         }
     })();
   }, [
@@ -1987,7 +1987,7 @@ const At = ({
           } catch (j) {
             console.warn("[MessagingShell] Failed to unhide channel:", j);
           }
-          z(O), V(!1), ($ = Q.current) == null || $.close(), o == null || o(p);
+          z(O), V(!1), ($ = X.current) == null || $.close(), o == null || o(p);
         } catch (O) {
           console.error("[MessagingShell] Failed to start conversation:", O);
         }
@@ -1995,18 +1995,18 @@ const At = ({
     [h, o, M]
   ), ie = L(() => {
     var p;
-    V(!1), (p = Q.current) == null || p.close();
-  }, []), Xe = L(
+    V(!1), (p = X.current) == null || p.close();
+  }, []), Je = L(
     (p) => {
-      p.target === Q.current && ie();
+      p.target === X.current && ie();
     },
     [ie]
-  ), Je = L(
+  ), Qe = L(
     async (p) => {
       M && console.log("[MessagingShell] Leaving conversation:", p.id), z(null), W(!1), oe.current = null, await ne();
     },
     [ne, M]
-  ), Qe = L(
+  ), Xe = L(
     async (p) => {
       M && console.log("[MessagingShell] Blocking participant:", p), z(null), W(!1), oe.current = null, await ne();
     },
@@ -2072,8 +2072,8 @@ const At = ({
                   showBackButton: !F,
                   renderMessageInputActions: n,
                   renderChannelBanner: w,
-                  onLeaveConversation: Je,
-                  onBlockParticipant: Qe,
+                  onLeaveConversation: Qe,
+                  onBlockParticipant: Xe,
                   CustomChannelEmptyState: u,
                   showDeleteConversation: Ve,
                   onDeleteConversationClick: N,
@@ -2104,17 +2104,17 @@ const At = ({
         /* @__PURE__ */ e(
           "dialog",
           {
-            ref: Q,
+            ref: X,
             className: "mes-dialog",
-            onClick: Xe,
+            onClick: Je,
             onClose: ie,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              St,
+              It,
               {
                 participantSource: le,
                 onSelectParticipant: Ze,
                 onClose: ie,
-                existingParticipantIds: X,
+                existingParticipantIds: J,
                 participantLabel: Ee,
                 searchPlaceholder: `Search ${Ee}...`
               },
@@ -2125,7 +2125,7 @@ const At = ({
       ]
     }
   );
-}, kt = ({
+}, Mt = ({
   question: s,
   onClick: t,
   loading: n = !1,
@@ -2147,7 +2147,7 @@ const At = ({
     ),
     children: s
   }
-), Bt = ({
+), At = ({
   faqs: s,
   onFaqClick: t,
   loadingFaqId: n,
@@ -2176,7 +2176,7 @@ const At = ({
         children: [
           r && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: r }),
           u.map((f) => /* @__PURE__ */ e(
-            kt,
+            Mt,
             {
               question: f.question,
               onClick: () => t(f.id),
@@ -2188,7 +2188,7 @@ const At = ({
       }
     )
   ] }) });
-}, jt = (s, t = {}) => {
+}, Bt = (s, t = {}) => {
   const { initialSearch: n = "", pageSize: r = 20 } = t, [o, d] = I([]), [l, u] = I(!1), [f, g] = I(null), [C, N] = I(n), [y, a] = I(!0), [E, S] = I(), v = L(async (w = !1, T) => {
     if (l) return;
     const h = T !== void 0 ? T : C;
@@ -2232,18 +2232,18 @@ const At = ({
 export {
   de as ActionButton,
   K as Avatar,
-  wt as ChannelEmptyState,
+  vt as ChannelEmptyState,
   je as ChannelList,
   Ge as ChannelView,
-  Bt as FaqList,
-  kt as FaqListItem,
-  it as MessageVoteButtons,
-  Ot as MessagingProvider,
-  At as MessagingShell,
-  St as ParticipantPicker,
-  Xs as formatRelativeTime,
-  at as useMessageVote,
-  qs as useMessaging,
-  jt as useParticipants
+  At as FaqList,
+  Mt as FaqListItem,
+  ot as MessageVoteButtons,
+  Ut as MessagingProvider,
+  Ot as MessagingShell,
+  It as ParticipantPicker,
+  Zs as formatRelativeTime,
+  rt as useMessageVote,
+  Ys as useMessaging,
+  Bt as useParticipants
 };
 //# sourceMappingURL=index.js.map