@linktr.ee/messaging-react 3.5.4 → 3.5.5-rc-1782971519

package/dist/{index-Tv7yJSkO.js → index-B7fsmwKg.js}

@@ -2,10 +2,10 @@ import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
 import F, { createContext as Xe, useContext as ye, useCallback as W, useState as $, useRef as H, useEffect as q, useId as Sn, useMemo as re, Suspense as Ke } from "react";
 import { StreamChatService as Tn } from "@linktr.ee/messaging-core";
 import { StreamChat as An, LinkPreviewsManager as Dt } from "stream-chat";
-import { Chat as Mn, DateSeparator as Rn, useChannelStateContext as de, useChatContext as ue, areMessageUIPropsEqual as Ln, useMessageReminder as Dn, useComponentContext as Ht, Attachment as Pn, EditMessageModal as On, MessageBlocked as zn, MessageBouncePrompt as $n, MessageDeleted as Fn, MessageIsThreadReplyInChannelButtonIndicator as Bn, MessageRepliesCountButton as Un, ReminderNotification as jn, StreamedMessageText as Vn, messageHasAttachments as Gn, messageHasReactions as Hn, isDateSeparatorMessage as Yn, isMessageBlocked as qn, isMessageBounced as Wn, MessageBounceModal as Xn, MessageText as Pt, Poll as Kn, MessageErrorIcon as Jn, useMessageContext as ke, useMessageComposer as Zn, useStateStore as Qn, MessageInput as es, useMessageInputContext as ts, useMessageComposerHasSendableData as ns, AttachmentPreviewList as ss, QuotedMessagePreview as as, TextareaComposer as rs, MessageTimestamp as Fe, AIStates as Be, useTypingContext as is, useAIState as os, Channel as ls, WithComponents as cs, Window as ds, MessageList as us, ChannelList as ms, InfiniteScroll as hs } from "stream-chat-react";
-import { StarIcon as He, DotsThreeIcon as fs, SpinnerGapIcon as Ae, SignOutIcon as gs, ProhibitInsetIcon as Ot, FlagIcon as Yt, FileIcon as qt, ImageIcon as ps, SpeakerHighIcon as bs, VideoCameraIcon as Wt, FileMdIcon as vs, FileTextIcon as xs, FileZipIcon as ws, FilePptIcon as Ns, FileCsvIcon as _s, FileXlsIcon as ys, FileDocIcon as ks, FilePdfIcon as Cs, CircleNotchIcon as Ne, PlayIcon as Ye, PauseIcon as Es, LinkIcon as Is, DownloadSimpleIcon as _e, GiftIcon as Ss, ThumbsUpIcon as Ts, ThumbsDownIcon as As, TrashSimpleIcon as Ms, XIcon as Oe, ArrowUpIcon as Rs, SparkleIcon as ve, ProhibitIcon as Ls, ArrowLeftIcon as zt, CaretRightIcon as xe, PencilSimpleIcon as Ds, CaretLeftIcon as Ps } from "@phosphor-icons/react";
+import { Chat as Mn, DateSeparator as Rn, useChannelStateContext as de, useChatContext as ue, areMessageUIPropsEqual as Ln, useMessageReminder as Dn, useComponentContext as Ht, Attachment as Pn, EditMessageModal as zn, MessageBlocked as On, MessageBouncePrompt as $n, MessageDeleted as Fn, MessageIsThreadReplyInChannelButtonIndicator as Bn, MessageRepliesCountButton as Un, ReminderNotification as jn, StreamedMessageText as Vn, messageHasAttachments as Gn, messageHasReactions as Hn, isDateSeparatorMessage as Yn, isMessageBlocked as qn, isMessageBounced as Wn, MessageBounceModal as Xn, MessageText as Pt, Poll as Kn, MessageErrorIcon as Jn, useMessageContext as ke, useMessageComposer as Zn, useStateStore as Qn, MessageInput as es, useMessageInputContext as ts, useMessageComposerHasSendableData as ns, AttachmentPreviewList as ss, QuotedMessagePreview as as, TextareaComposer as rs, MessageTimestamp as Fe, AIStates as Be, useTypingContext as is, useAIState as os, Channel as ls, WithComponents as cs, Window as ds, MessageList as us, ChannelList as ms, InfiniteScroll as hs } from "stream-chat-react";
+import { StarIcon as He, DotsThreeIcon as fs, SpinnerGapIcon as Ae, SignOutIcon as gs, ProhibitInsetIcon as zt, FlagIcon as Yt, FileIcon as qt, ImageIcon as ps, SpeakerHighIcon as bs, VideoCameraIcon as Wt, FileMdIcon as vs, FileTextIcon as xs, FileZipIcon as ws, FilePptIcon as Ns, FileCsvIcon as _s, FileXlsIcon as ys, FileDocIcon as ks, FilePdfIcon as Cs, CircleNotchIcon as Ne, PlayIcon as Ye, PauseIcon as Es, LinkIcon as Is, DownloadSimpleIcon as _e, GiftIcon as Ss, ThumbsUpIcon as Ts, ThumbsDownIcon as As, TrashSimpleIcon as Ms, XIcon as ze, ArrowUpIcon as Rs, SparkleIcon as ve, ProhibitIcon as Ls, ArrowLeftIcon as Ot, CaretRightIcon as xe, PencilSimpleIcon as Ds, CaretLeftIcon as Ps } from "@phosphor-icons/react";
 import k from "classnames";
-import { MessageActions as Os, DefaultDropdownActionButton as Xt } from "stream-chat-react/experimental";
+import { MessageActions as zs, DefaultDropdownActionButton as Xt } from "stream-chat-react/experimental";
 const Kt = Xe({
   service: null,
   client: null,
@@ -78,20 +78,20 @@ const Kt = Xe({
       renderCount: y,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const z = new Tn({
+    const O = new Tn({
       ...I,
       apiKey: a,
       debug: T.current,
       client: D
     });
-    N.current = z, d(z), o("✅ SERVICE SET", {
+    N.current = O, d(O), o("✅ SERVICE SET", {
       renderCount: y,
-      serviceInstance: !!z
+      serviceInstance: !!O
     });
   }, [a, D]);
   const B = H(null);
   q(() => {
-    var I, z;
+    var I, O;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
@@ -107,7 +107,7 @@ const Kt = Xe({
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((I = B.current) == null ? void 0 : I.serviceId) === l && ((z = B.current) == null ? void 0 : z.userId) === t.id) {
+    if (((I = B.current) == null ? void 0 : I.serviceId) === l && ((O = B.current) == null ? void 0 : O.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -118,13 +118,13 @@ const Kt = Xe({
       o("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const O = await l.connectUser(t);
-        g(O), f(!0), B.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const z = await l.connectUser(t);
+        g(z), f(!0), B.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: O.userID
+          clientId: z.userID
         });
-      } catch (O) {
-        const U = O instanceof Error ? O.message : "Connection failed";
+      } catch (z) {
+        const U = z instanceof Error ? z.message : "Connection failed";
         v(U), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: U
@@ -206,7 +206,7 @@ const Kt = Xe({
       children: e
     }
   ) : e });
-}, zs = () => Je(), Jt = (e) => {
+}, Os = () => Je(), Jt = (e) => {
   var a, r;
   const [t, s] = $(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -307,7 +307,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Vs(e), d = 0.45, g = s < 32 ? Math.round(s * d) : s < 56 ? 14 : s < 120 ? 18 : 36, m = s >= 40 ? 2 : 1, f = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, c = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: f, children: t ? /* @__PURE__ */ n(
+  const l = Vs(e), u = s < 20 ? 10 : s < 32 ? 12 : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, m = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: m, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -321,7 +321,7 @@ const ne = ({
       className: k(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors"
       ),
-      style: { fontSize: g, lineHeight: 1 },
+      style: { fontSize: `${u}px`, lineHeight: 1 },
       children: l
     }
   ) });
@@ -355,15 +355,15 @@ const ne = ({
               "bg-transparent"
             ),
             style: {
-              ...f,
+              ...m,
               ...o && {
-                borderWidth: `${m}px`,
+                borderWidth: `${g}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
               }
             },
-            children: c
+            children: f
           }
         )
       ]
@@ -432,8 +432,8 @@ const ne = ({
         l == null || l(), f && console.log(`[${g}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
         try {
           await m.blockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
-        } catch (z) {
-          console.error(`[${g}] Failed to block member`, z);
+        } catch (O) {
+          console.error(`[${g}] Failed to block member`, O);
         } finally {
           M(!1);
         }
@@ -445,8 +445,8 @@ const ne = ({
         l == null || l(), f && console.log(`[${g}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
         try {
           await m.unBlockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
-        } catch (z) {
-          console.error(`[${g}] Failed to unblock member`, z);
+        } catch (O) {
+          console.error(`[${g}] Failed to unblock member`, O);
         } finally {
           M(!1);
         }
@@ -571,7 +571,7 @@ const ne = ({
               disabled: T,
               "aria-busy": T,
               children: [
-                T ? /* @__PURE__ */ n(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ot, { className: "h-5 w-5" }),
+                T ? /* @__PURE__ */ n(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(zt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
@@ -582,7 +582,7 @@ const ne = ({
               disabled: T,
               "aria-busy": T,
               children: [
-                T ? /* @__PURE__ */ n(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ot, { className: "h-5 w-5" }),
+                T ? /* @__PURE__ */ n(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(zt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
@@ -638,7 +638,7 @@ function Qt({
   const s = e == null ? void 0 : e.text, a = Xs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Ks = F.lazy(() => import("./Card-Ss_tlf9e.js")), Js = F.lazy(() => import("./Card-ukTqXWLq.js")), Zs = F.lazy(() => import("./Card-Dxq760eB.js")), Qe = () => /* @__PURE__ */ n(
+const Ks = F.lazy(() => import("./Card-BkToB7yL.js")), Js = F.lazy(() => import("./Card-DbdWoTwf.js")), Zs = F.lazy(() => import("./Card-CKV0d2i9.js")), Qe = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
@@ -703,7 +703,7 @@ const ia = (e) => {
 }) => {
   const g = ie(t), m = H(null), f = H(null), c = H(null), b = H(r), [w, v] = $(a), [p, N] = $(0), [_, T] = $(!1), [R, M] = $(!1), [L, D] = $(!1), [B, P] = $(!1), [C, A] = $(!0), [E, y] = $(null), I = W(() => {
     D(!1), v(!0);
-  }, []), z = W((x) => {
+  }, []), O = W((x) => {
     const S = f.current;
     if (!S) return 0;
     const G = S.getBoundingClientRect();
@@ -711,13 +711,13 @@ const ia = (e) => {
       0,
       Math.min(1, (ia(x) - G.left) / G.width)
     );
-  }, []), O = W((x) => {
+  }, []), z = W((x) => {
     const S = m.current;
     S && S.duration && (S.currentTime = x * S.duration);
   }, []), U = (x) => {
     x.stopPropagation(), T(!0);
-    const S = z(x);
-    N(S), O(S);
+    const S = O(x);
+    N(S), z(S);
   };
   q(() => {
     r !== void 0 && r !== b.current && (b.current = r, v(r));
@@ -740,13 +740,13 @@ const ia = (e) => {
     }) : x.pause());
   }, [w]), q(() => {
     if (!_) return;
-    const x = (G) => N(z(G)), S = (G) => {
-      T(!1), O(z(G));
+    const x = (G) => N(O(G)), S = (G) => {
+      T(!1), z(O(G));
     };
     return window.addEventListener("mousemove", x), window.addEventListener("mouseup", S), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", S), () => {
       window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", S), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", S);
     };
-  }, [_, z, O]);
+  }, [_, O, z]);
   const X = E ? { aspectRatio: String(E) } : void 0, Z = E ? "" : " aspect-video", Y = Math.round(p * 100);
   return /* @__PURE__ */ h(
     "div",
@@ -866,7 +866,7 @@ const ia = (e) => {
             onTouchStart: U,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
-              x.key === "ArrowRight" && O(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, p - 0.05));
+              x.key === "ArrowRight" && z(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && z(Math.max(0, p - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -907,7 +907,7 @@ const ia = (e) => {
               onMouseEnter: () => M(!0),
               onMouseLeave: () => M(!1),
               onKeyDown: (x) => {
-                x.key === "ArrowRight" && O(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, p - 0.05));
+                x.key === "ArrowRight" && z(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && z(Math.max(0, p - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
@@ -1039,7 +1039,7 @@ const ia = (e) => {
       "data-testid": m,
       className: k(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-        f ? "bg-[#121110]" : "bg-white"
+        f ? "bg-[#1e2330]" : "bg-white"
       ),
       children: [
         d ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
@@ -1087,7 +1087,7 @@ function rn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function et(e) {
-  return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
+  return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function ca(e) {
   return e ? "bg-white/10" : "bg-black/5";
@@ -1427,10 +1427,10 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     viewerLanguage: v
   } = e, { client: p } = ue("CustomMessage"), { channel: N } = de("CustomMessage"), { isUnlocking: _, onUnlockClick: T, onFetchSource: R, onDownloadClick: M } = Na("LockedAttachment"), [L, D] = $(!1), B = Dn(c.id), { selected: P, voteUp: C, voteDown: A } = Ws(c), {
     Attachment: E = Pn,
-    EditMessageModal: y = On,
+    EditMessageModal: y = zn,
     MessageActions: I,
-    MessageBlocked: z = zn,
-    MessageBouncePrompt: O = $n,
+    MessageBlocked: O = On,
+    MessageBouncePrompt: z = $n,
     MessageDeleted: U = Fn,
     MessageIsThreadReplyInChannelButtonIndicator: X = Bn,
     MessageRepliesCountButton: Z = Un,
@@ -1454,7 +1454,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
   if (qn(c))
-    return /* @__PURE__ */ n(z, {});
+    return /* @__PURE__ */ n(O, {});
   const ee = !w && !!c.reply_count, me = !w && c.show_in_channel && c.parent_id, he = c.status === "failed" && ((vt = c.error) == null ? void 0 : vt.status) !== 403, fe = Wn(c);
   let J;
   he ? J = () => u(c) : fe && (J = () => D(!0));
@@ -1486,7 +1486,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     L && /* @__PURE__ */ n(
       Xn,
       {
-        MessageBouncePrompt: O,
+        MessageBouncePrompt: z,
         onClose: () => D(!1),
         open: L
       }
@@ -1673,7 +1673,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   var t;
   const { message: e } = ke("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Os,
+    zs,
     {
       messageActionSet: [
         { Component: Ma, placement: "quick", type: "delete" },
@@ -1692,7 +1692,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       href: s,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: "relative block w-full rounded-[24px] bg-[#121110] p-2 no-underline transition-opacity hover:opacity-90",
+      className: "relative block w-full rounded-[24px] bg-[#1e2330] p-2 no-underline transition-opacity hover:opacity-90",
       children: [
         r && /* @__PURE__ */ n(
           "img",
@@ -1711,7 +1711,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
             },
             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 focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ n(Oe, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ n(ze, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ h("div", { className: "p-2", children: [
@@ -1725,7 +1725,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Dt.previewIsLoaded(t) || Dt.previewIsLoading(t)
   )
-}), Oa = () => {
+}), za = () => {
   const { linkPreviewsManager: e } = Zn(), { linkPreviews: t } = Qn(
     e.state,
     Pa
@@ -1740,7 +1740,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, at = F.createContext(!1), Si = () => ye(at), za = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, at = F.createContext(!1), Si = () => ye(at), Oa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1752,7 +1752,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   }
 ), $a = () => {
   const e = ye(at), { handleSubmit: t } = ts(), s = ns(), a = e || !s, {
-    SendButton: r = za,
+    SendButton: r = Oa,
     AttachmentPreviewList: i = ss
   } = Ht("CustomMessageInput");
   return /* @__PURE__ */ h(
@@ -1762,7 +1762,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "data-dd-privacy": "mask",
       children: [
         /* @__PURE__ */ n(as, {}),
-        /* @__PURE__ */ n(Oa, {}),
+        /* @__PURE__ */ n(za, {}),
         /* @__PURE__ */ n(i, {}),
         /* @__PURE__ */ h("div", { className: "flex", children: [
           /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
@@ -2106,7 +2106,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onParticipantNameClick: w,
   renderHeaderTitleBadges: v
 }) => {
-  var A, E, y, I, z, O;
+  var A, E, y, I, O, z;
   const { channel: p } = de(), { client: N } = ue(), _ = F.useMemo(
     () => {
       var U;
@@ -2146,7 +2146,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(zt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Ot, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ n(
@@ -2266,7 +2266,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(zt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Ot, { className: "size-5 text-black/90" })
           }
         ),
         w ? /* @__PURE__ */ h(
@@ -2283,7 +2283,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ n(
                 ne,
                 {
-                  id: ((z = _ == null ? void 0 : _.user) == null ? void 0 : z.id) || p.id || "unknown",
+                  id: ((O = _ == null ? void 0 : _.user) == null ? void 0 : O.id) || p.id || "unknown",
                   name: T,
                   image: R,
                   starred: s && M,
@@ -2307,7 +2307,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((O = _ == null ? void 0 : _.user) == null ? void 0 : O.id) || p.id || "unknown",
+              id: ((z = _ == null ? void 0 : _.user) == null ? void 0 : z.id) || p.id || "unknown",
               name: T,
               image: R,
               starred: s && M,
@@ -2420,7 +2420,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       var j;
       return ((j = Q.user) == null ? void 0 : j.id) === S;
     }) : void 0;
-  }, [A == null ? void 0 : A.userID, (Z = C.state) == null ? void 0 : Z.members]), I = ((Y = y == null ? void 0 : y.user) == null ? void 0 : Y.is_account) ?? (y == null ? void 0 : y.is_account), z = ((x = E == null ? void 0 : E.user) == null ? void 0 : x.is_account) ?? (E == null ? void 0 : E.is_account), O = M && I === !1 && z === !0, U = W(
+  }, [A == null ? void 0 : A.userID, (Z = C.state) == null ? void 0 : Z.members]), I = ((Y = y == null ? void 0 : y.user) == null ? void 0 : Y.is_account) ?? (y == null ? void 0 : y.is_account), O = ((x = E == null ? void 0 : E.user) == null ? void 0 : x.is_account) ?? (E == null ? void 0 : E.is_account), z = M && I === !1 && O === !0, U = W(
     (S) => {
       const { message: G } = ke("ChannelView"), V = /* @__PURE__ */ n(
         Aa,
@@ -2449,7 +2449,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             showBackButton: t,
             showChannelInfo: D,
             showStarButton: w,
-            dmAgentEnabled: O,
+            dmAgentEnabled: z,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2524,8 +2524,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     sendButton: E,
     attachmentPreviewList: y,
     viewerLanguage: I,
-    showChannelInfo: z = !0,
-    onParticipantNameClick: O,
+    showChannelInfo: O = !0,
+    onParticipantNameClick: z,
     composerInput: U
   }) => {
     const X = W(
@@ -2607,8 +2607,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 renderChannelActions: P,
                 renderMessage: C,
                 viewerLanguage: I,
-                showChannelInfo: z,
-                onParticipantNameClick: O,
+                showChannelInfo: O,
+                onParticipantNameClick: z,
                 composerInput: U
               }
             )
@@ -2667,7 +2667,7 @@ const Ti = ({
     refreshConnection: C,
     service: A,
     debug: E
-  } = zs(), [y, I] = $(null), [z, O] = $(null), [U, X] = $(!1), { showDeleteConversation: Z = !0 } = e, Y = H(o);
+  } = Os(), [y, I] = $(null), [O, z] = $(null), [U, X] = $(!1), { showDeleteConversation: Z = !0 } = e, Y = H(o);
   Y.current = o;
   const x = H(a);
   x.current = a;
@@ -2700,7 +2700,7 @@ const Ti = ({
           { limit: 1 }
         );
         if (J.length > 0) {
-          I(J[0]), O(null), (he = x.current) == null || he.call(x, J[0]), E && console.log(
+          I(J[0]), z(null), (he = x.current) == null || he.call(x, J[0]), E && console.log(
             "[MessagingShell] Initial conversation loaded:",
             J[0].id
           );
@@ -2708,7 +2708,7 @@ const Ti = ({
         }
         const te = Y.current;
         if (!te || !A) {
-          ee(), O("No conversation found with this account"), E && console.log(
+          ee(), z("No conversation found with this account"), E && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -2720,7 +2720,7 @@ const Ti = ({
             name: te.name,
             phone: te.phone
           });
-          I(oe), O(null), (fe = x.current) == null || fe.call(x, oe), E && console.log(
+          I(oe), z(null), (fe = x.current) == null || fe.call(x, oe), E && console.log(
             "[MessagingShell] Channel created and loaded:",
             oe.id
           );
@@ -2728,13 +2728,13 @@ const Ti = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             oe
-          ), ee(), O("Failed to create conversation");
+          ), ee(), z("Failed to create conversation");
         }
       } catch (J) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           J
-        ), ee(), G.current || O("Failed to load conversation");
+        ), ee(), G.current || z("Failed to load conversation");
       }
     })();
   }, [i, L, D, A, E]);
@@ -2750,7 +2750,7 @@ const Ti = ({
       message: "Not connected to messaging service",
       onBack: C
     }
-  ) : z ? /* @__PURE__ */ n(we, { message: z }) : U && !y ? /* @__PURE__ */ n(we, { message: "Conversation ended" }) : y ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : O ? /* @__PURE__ */ n(we, { message: O }) : U && !y ? /* @__PURE__ */ n(we, { message: "Conversation ended" }) : y ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     hn,
     {
       channel: y,
@@ -2853,13 +2853,13 @@ const fn = F.createContext({
           if (C[E].type !== "system") return C[E];
       }
     })(), _ = (() => {
-      var z, O, U, X;
+      var O, z, U, X;
       const C = Qt({
         message: p,
         viewerLanguage: d
       });
-      if (((z = p == null ? void 0 : p.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return C ? `💵 ${C}` : "💵 Sent a tip";
-      if (((O = p == null ? void 0 : p.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_PAID") return C ? `💰 ${C}` : "💰 Sent a message";
+      if (((O = p == null ? void 0 : p.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_TIP") return C ? `💵 ${C}` : "💵 Sent a tip";
+      if (((z = p == null ? void 0 : p.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_PAID") return C ? `💰 ${C}` : "💰 Sent a message";
       if (((U = p == null ? void 0 : p.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_ATTACHMENT")
         return C ? `📎 ${C}` : "📎 Sent an attachment";
       if (C) return C;
@@ -3105,7 +3105,7 @@ const ur = {
 }) => {
   const u = s != null || a != null, g = k(
     pr,
-    l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
+    l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
@@ -3158,7 +3158,7 @@ const ur = {
 }, vr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, ze = (e, t) => !!t && !!e && ie(e) === "audio", pn = (e, t) => {
+}, Oe = (e, t) => !!t && !!e && ie(e) === "audio", pn = (e, t) => {
   if (!t || !e) return !1;
   const s = ie(e);
   return s === "video" || s === "audio";
@@ -3172,7 +3172,7 @@ const ur = {
   topRight: o
 }) => {
   const l = ie(r), d = !!s && l === "video";
-  return ze(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  return Oe(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -3240,14 +3240,14 @@ const ur = {
   onDismiss: g,
   onEditClick: m
 }) => {
-  const f = l === "classic", c = ze(r, o), b = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Oe(r, o), b = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ n(Oe, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(ze, { className: "size-3", weight: "bold" })
     }
   ) : void 0, w = m ? /* @__PURE__ */ n(
     "button",
@@ -3315,7 +3315,7 @@ const ur = {
   cta: d,
   onClick: u
 }) => {
-  const g = pn(a, i), m = rt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, b = ze(a, i) ? ot : void 0, w = d && u ? {
+  const g = pn(a, i), m = rt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, b = Oe(a, i) ? ot : void 0, w = d && u ? {
     ...d,
     onClick: () => {
       var v;
@@ -3376,7 +3376,7 @@ const ur = {
       variant: "dark",
       href: c,
       onClick: b,
-      bgClassName: ze(r, o) ? ot : void 0,
+      bgClassName: Oe(r, o) ? ot : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
           Pe,
@@ -3408,7 +3408,7 @@ const ur = {
   Sent: Nr,
   Received: wr
 }, _r = {
-  dark: "bg-[#121110]",
+  dark: "bg-[#1e2330]",
   light: "bg-[#e9eaed]"
 }, yr = {
   dark: "text-white",
@@ -3497,7 +3497,7 @@ const ur = {
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ n(Oe, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(ze, { className: "size-3", weight: "bold" })
   }
 ), Ie = (e) => e === "received" ? "light" : "dark", Mi = ({
   firstOfGroup: e,
@@ -3593,7 +3593,7 @@ function Pr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Or(e, t, s) {
+function zr(e, t, s) {
   const a = Pr(e, t), r = typeof s == "number" && s > 0 ? Lr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
@@ -3605,7 +3605,7 @@ function ae(e) {
     return "download";
   }
 }
-const zr = {
+const Or = {
   dark: "text-white/55",
   light: "text-black/65"
 }, $r = {
@@ -3624,7 +3624,7 @@ const zr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", u = Or(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = zr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
       className: k(
@@ -3644,7 +3644,7 @@ const zr = {
       {
         className: k(
           "truncate text-xs leading-4",
-          zr[e]
+          Or[e]
         ),
         children: u
       }
@@ -3996,7 +3996,7 @@ const Br = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(Oe, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(ze, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -4634,7 +4634,7 @@ export {
   Na as D,
   Ws as E,
   Li as F,
-  zs as G,
+  Os as G,
   Ai as L,
   Ei as M,
   be as a,
@@ -4649,7 +4649,7 @@ export {
   Ia as j,
   Ci as k,
   Ti as l,
-  Or as m,
+  zr as m,
   Lr as n,
   ir as o,
   Pr as p,
@@ -4664,4 +4664,4 @@ export {
   st as y,
   Zt as z
 };
-//# sourceMappingURL=index-Tv7yJSkO.js.map
+//# sourceMappingURL=index-B7fsmwKg.js.map