@linktr.ee/messaging-react 3.12.3-rc-1784032997 → 3.12.3-rc-1784034329

package/dist/{index-D9_M5IWl.js → index-BvuCjzqJ.js}

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as u, Fragment as se } from "react/jsx-runtime";
-import V, { createContext as ct, useContext as Te, useCallback as J, useState as B, useRef as G, useEffect as K, useId as js, useMemo as re, Suspense as Vs } from "react";
+import V, { createContext as ct, useContext as Te, useCallback as J, useState as U, useRef as G, useEffect as K, useId as js, useMemo as re, Suspense as Vs } from "react";
 import { StreamChatService as Gs } from "@linktr.ee/messaging-core";
 import { StreamChat as Hs, LinkPreviewsManager as Yt } from "stream-chat";
-import { Chat as Ys, useChannelStateContext as ce, useChatContext as fe, DateSeparator as qs, MessageStatus as Ws, useMessageContext as Ne, MessageErrorIcon as nt, MessageText as $e, areMessageUIPropsEqual as Xs, useMessageReminder as Ks, useComponentContext as as, Attachment as Zs, EditMessageModal as Js, MessageBlocked as Qs, MessageBouncePrompt as en, MessageDeleted as tn, MessageIsThreadReplyInChannelButtonIndicator as sn, MessageRepliesCountButton as nn, ReminderNotification as an, StreamedMessageText as rn, messageHasAttachments as ln, messageHasReactions as on, isDateSeparatorMessage as cn, isMessageBlocked as dn, isMessageBounced as un, MessageBounceModal as mn, Poll as hn, useMessageComposer as fn, useStateStore as gn, MessageInput as pn, useMessageInputContext as bn, useMessageComposerHasSendableData as vn, AttachmentPreviewList as xn, QuotedMessagePreview as wn, TextareaComposer as _n, MessageTimestamp as Xe, AIStates as Ke, useTypingContext as Nn, useAIState as yn, Channel as kn, WithComponents as Cn, Window as Sn, MessageList as En, ChannelList as In, InfiniteScroll as Tn } from "stream-chat-react";
-import { StarIcon as Ie, DotsThreeIcon as Mn, SpinnerGapIcon as Fe, SignOutIcon as An, ProhibitInsetIcon as qt, FlagIcon as rs, ArrowLeftIcon as at, CurrencyDollarIcon as Rn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as is, ImageIcon as Ln, SpeakerHighIcon as Dn, VideoCameraIcon as ls, FileMdIcon as zn, FileTextIcon as Fn, FileZipIcon as Pn, FilePptIcon as On, FileCsvIcon as $n, FileXlsIcon as Un, FileDocIcon as Bn, FilePdfIcon as jn, CircleNotchIcon as Se, PlayIcon as rt, PauseIcon as Vn, LinkIcon as Gn, DownloadSimpleIcon as Ee, XIcon as Ge, CaretLeftIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as qn, ThumbsDownIcon as Wn, ChecksIcon as Xn, PencilSimpleIcon as Kn, TrashSimpleIcon as Zn, ArrowUpIcon as Jn, ProhibitIcon as Qn } from "@phosphor-icons/react";
+import { Chat as Ys, useChannelStateContext as oe, useChatContext as fe, DateSeparator as qs, MessageStatus as Ws, useMessageContext as Ne, MessageErrorIcon as nt, MessageText as $e, areMessageUIPropsEqual as Xs, useMessageReminder as Ks, useComponentContext as as, Attachment as Zs, EditMessageModal as Js, MessageBlocked as Qs, MessageBouncePrompt as en, MessageDeleted as tn, MessageIsThreadReplyInChannelButtonIndicator as sn, MessageRepliesCountButton as nn, ReminderNotification as an, StreamedMessageText as rn, messageHasAttachments as ln, messageHasReactions as on, isDateSeparatorMessage as cn, isMessageBlocked as dn, isMessageBounced as un, MessageBounceModal as mn, Poll as hn, useMessageComposer as fn, useStateStore as gn, MessageInput as pn, useMessageInputContext as bn, useMessageComposerHasSendableData as vn, AttachmentPreviewList as xn, QuotedMessagePreview as wn, TextareaComposer as _n, MessageTimestamp as Xe, AIStates as Ke, useTypingContext as Nn, useAIState as yn, Channel as kn, WithComponents as Cn, Window as Sn, MessageList as En, ChannelList as In, InfiniteScroll as Tn } from "stream-chat-react";
+import { StarIcon as Ie, DotsThreeIcon as Mn, SpinnerGapIcon as Fe, SignOutIcon as An, ProhibitInsetIcon as qt, FlagIcon as rs, ArrowLeftIcon as at, CurrencyDollarIcon as Rn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as is, ImageIcon as Ln, SpeakerHighIcon as Dn, VideoCameraIcon as ls, FileMdIcon as zn, FileTextIcon as Fn, FileZipIcon as Pn, FilePptIcon as On, FileCsvIcon as $n, FileXlsIcon as Bn, FileDocIcon as Un, FilePdfIcon as jn, CircleNotchIcon as Se, PlayIcon as rt, PauseIcon as Vn, LinkIcon as Gn, DownloadSimpleIcon as Ee, XIcon as Ge, CaretLeftIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as qn, ThumbsDownIcon as Wn, ChecksIcon as Xn, PencilSimpleIcon as Kn, TrashSimpleIcon as Zn, ArrowUpIcon as Jn, ProhibitIcon as Qn } from "@phosphor-icons/react";
 import y from "classnames";
 import { MessageActions as ea, DefaultDropdownActionButton as os } from "stream-chat-react/experimental";
 const cs = ct({
@@ -38,7 +38,7 @@ const cs = ct({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = B(null), [f, h] = B(null), [g, c] = B(!1), [b, v] = B(!1), [x, p] = B(null), _ = G(!1), w = G(null), k = G(n);
+  const [d, m] = U(null), [f, h] = U(null), [g, c] = U(!1), [b, v] = U(!1), [x, p] = U(null), _ = G(!1), w = G(null), k = G(n);
   k.current = n;
   const D = G(i);
   D.current = i;
@@ -226,7 +226,7 @@ const cs = ct({
   ) : e });
 }, ta = () => dt(), ut = (e) => {
   var a, r;
-  const [t, n] = B(
+  const [t, n] = U(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return K(() => {
@@ -408,7 +408,7 @@ const ne = ({
   logLabel: f = "useChannelModerationActions"
 }) => {
   var E;
-  const { service: h, debug: g } = dt(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [v, x] = B(!1), [p, _] = B(null), [w, k] = B(!1), [D, S] = B(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  const { service: h, debug: g } = dt(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [v, x] = U(!1), [p, _] = U(null), [w, k] = U(!1), [D, S] = U(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
   return K(() => {
     if (!b || !h || !c) {
       x(!1), _(null);
@@ -512,7 +512,7 @@ const ne = ({
   customChannelActions: f,
   triggerClassName: h
 }) => {
-  const [g, c] = B(!1), b = G(null), v = js(), x = J(() => c(!1), []), {
+  const [g, c] = U(!1), b = G(null), v = js(), x = J(() => c(!1), []), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: _,
     isLeaving: w,
@@ -644,7 +644,7 @@ const ne = ({
   onParticipantNameClick: x
 }) => {
   var F, L, C;
-  const { channel: p } = ce(), { client: _ } = fe(), w = V.useMemo(
+  const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
     () => {
       var E;
       return He(
@@ -791,7 +791,7 @@ function ba(e) {
   return e != null && e.length ? e.some((t) => t.type === ot) ? "down" : e.some((t) => t.type === lt) ? "up" : null : null;
 }
 function va(e) {
-  const { channel: t } = ce(), { client: n } = fe("useMessageVote"), a = re(
+  const { channel: t } = oe(), { client: n } = fe("useMessageVote"), a = re(
     () => ba(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
@@ -828,7 +828,7 @@ function us({
   const n = e == null ? void 0 : e.text, a = xa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const wa = ["linktr.ee", "cloudfront.net", "cloudinary"], _a = "messaging-attachment-v1_0";
+const wa = ["linktr.ee"], _a = "messaging-attachment-v1_0";
 function Na(e) {
   try {
     return new URL(e).hostname.toLowerCase();
@@ -837,9 +837,11 @@ function Na(e) {
   }
 }
 function ya(e) {
-  return wa.some((t) => e.includes(t));
+  return wa.some(
+    (t) => e === t || e.endsWith(`.${t}`)
+  );
 }
-function ie(e) {
+function he(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
   const n = Na(t);
@@ -858,7 +860,7 @@ const ka = [
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function de(e) {
+function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function ms(e) {
@@ -874,8 +876,8 @@ const Ca = {
   document: is
 }, Sa = {
   pdf: jn,
-  doc: Bn,
-  xls: Un,
+  doc: Un,
+  xls: Bn,
   csv: $n,
   ppt: On,
   zip: Pn,
@@ -884,7 +886,7 @@ const Ca = {
   generic: is
 };
 function Ea(e) {
-  const t = de(e);
+  const t = ce(e);
   return t !== "document" ? Ca[t] : Sa[ms(e)];
 }
 function _e(e, t) {
@@ -905,7 +907,7 @@ const Ia = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const f = de(t), h = G(null), g = G(null), c = G(null), b = G(r), [v, x] = B(a), [p, _] = B(0), [w, k] = B(!1), [D, S] = B(!1), [R, O] = B(!1), [F, L] = B(!1), [C, E] = B(!0), [I, T] = B(null), M = J(() => {
+  const f = ce(t), h = G(null), g = G(null), c = G(null), b = G(r), [v, x] = U(a), [p, _] = U(0), [w, k] = U(!1), [D, S] = U(!1), [R, O] = U(!1), [F, L] = U(!1), [C, E] = U(!0), [I, T] = U(null), M = J(() => {
     O(!1), x(!0);
   }, []), P = J((N) => {
     const A = g.current;
@@ -1150,7 +1152,7 @@ const Ia = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = de(e), [d, m] = B(!1), f = ie(t), h = ie(n);
+  const l = ce(e), [d, m] = U(!1), f = he(t), h = he(n);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
     Ta,
     {
@@ -1313,7 +1315,7 @@ const ft = ({ attachment: e, isMyMessage: t }) => {
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
       {
-        src: ie(r) ?? r,
+        src: he(r) ?? r,
         alt: n ?? "",
         className: "aspect-video w-full rounded-[20px] object-cover"
       }
@@ -1355,7 +1357,7 @@ const Pa = ({
   url: e,
   filename: t
 }) => {
-  const [n, a] = B(!1);
+  const [n, a] = U(!1);
   return /* @__PURE__ */ s(
     "button",
     {
@@ -1434,7 +1436,7 @@ const bs = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = de(t), o = a !== void 0 ? gs(a) : void 0;
+  const i = ce(t), o = a !== void 0 ? gs(a) : void 0;
   return /* @__PURE__ */ s(
     fs,
     {
@@ -1496,7 +1498,7 @@ const bs = ({
     return /* @__PURE__ */ s("div", { className: ht(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !0 }) });
   const n = pt(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(bs, { ...n }) }) : null;
-}, Ua = ({
+}, Ba = ({
   message: e
 }) => {
   const t = gt(e);
@@ -1506,8 +1508,8 @@ const bs = ({
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(vs, { ...n }) }) : null;
 }, fl = Object.assign(Oa, {
   Creator: $a,
-  Visitor: Ua
-}), Ba = {
+  Visitor: Ba
+}), Ua = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
 }, ja = {
@@ -1553,7 +1555,7 @@ const bs = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Ba[e],
+        Ua[e],
         ja[e],
         n && "border",
         n && Va[e],
@@ -1684,7 +1686,7 @@ function tr(e, t) {
     }
   }
   if (!e) return;
-  if (de(e) === "document") {
+  if (ce(e) === "document") {
     const r = ms(e), i = er[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -1697,7 +1699,7 @@ function sr(e, t, n) {
   const a = tr(e, t), r = typeof n == "number" && n > 0 ? Qa(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function le(e) {
+function ie(e) {
   try {
     const n = new URL(e).pathname.split("/").pop();
     return n && n.length > 0 ? decodeURIComponent(n) : "download";
@@ -1774,7 +1776,7 @@ const nr = {
   ] });
 };
 async function ws(e, t) {
-  const n = t ?? le(e);
+  const n = t ?? ie(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -1801,7 +1803,7 @@ const ir = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? le(t.src);
+  const i = t.filename ?? ie(t.src);
   return /* @__PURE__ */ s(
     xs,
     {
@@ -1839,7 +1841,7 @@ const ir = ({
     if ((m == null ? void 0 : m(x)) === !1) return;
     const p = c[x];
     if (!p) return;
-    const _ = p.filename ?? le(p.src);
+    const _ = p.filename ?? ie(p.src);
     ws(p.src, _);
   };
   if (c.length === 0)
@@ -1914,7 +1916,7 @@ const ir = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = B(!1), m = J(
+  const [l, d] = U(!1), m = J(
     (c) => {
       c.stopPropagation(), !l && (d(!0), ws(e, t).catch(() => {
       }).finally(() => {
@@ -1995,7 +1997,7 @@ const ir = ({
   initialIndex: t,
   open: n
 }) => {
-  const a = Je(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
+  const a = Je(t, 0, Math.max(e - 1, 0)), [r, i] = U(a);
   K(() => {
     n && i(Je(t, 0, Math.max(e - 1, 0)));
   }, [n, t, e]), K(() => {
@@ -2116,7 +2118,7 @@ const ir = ({
     initialIndex: n,
     open: e
   }), l = t[r], d = re(
-    () => (l == null ? void 0 : l.filename) ?? (l ? le(l.src) : "image"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? ie(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ u(
@@ -2232,7 +2234,7 @@ const ir = ({
     }
   );
 }, Le = (e) => {
-  const [t, n] = B(!1), [a, r] = B(0), i = J(
+  const [t, n] = U(!1), [a, r] = U(0), i = J(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), n(!0));
     },
@@ -2244,7 +2246,7 @@ const ir = ({
   content: /* @__PURE__ */ s(
     "img",
     {
-      src: ie(e.src) ?? e.src,
+      src: he(e.src) ?? e.src,
       alt: e.alt ?? "",
       width: e.width,
       height: e.height,
@@ -2277,7 +2279,7 @@ const ir = ({
         children: /* @__PURE__ */ s(
           "img",
           {
-            src: ie(e) ?? e,
+            src: he(e) ?? e,
             alt: t ?? "",
             draggable: !1,
             loading: a,
@@ -2353,7 +2355,7 @@ const ir = ({
     initialIndex: n,
     open: e
   }), l = t[r], d = re(
-    () => (l == null ? void 0 : l.filename) ?? (l ? le(l.src) : "document"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? ie(l.src) : "document"),
     [l]
   ), m = re(
     () => l ? _r(l.src) : void 0,
@@ -2406,7 +2408,7 @@ const ir = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? le(t.src);
+  const i = t.filename ?? ie(t.src);
   return /* @__PURE__ */ s(
     xs,
     {
@@ -2439,7 +2441,7 @@ const ir = ({
     return null;
   const p = h.map((_) => ({
     src: _.src,
-    filename: _.filename ?? le(_.src)
+    filename: _.filename ?? ie(_.src)
   }));
   return /* @__PURE__ */ u(
     Me,
@@ -2450,7 +2452,7 @@ const ir = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((_, w) => {
-          const k = _.filename ?? le(_.src), D = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+          const k = _.filename ?? ie(_.src), D = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             _s,
             {
               url: _.src,
@@ -2499,7 +2501,7 @@ const ir = ({
     initialIndex: n,
     open: e
   }), l = t[r], d = re(
-    () => (l == null ? void 0 : l.filename) ?? (l ? le(l.src) : "video"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? ie(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ u(
@@ -2671,13 +2673,13 @@ const ir = ({
 function Or(e) {
   return Te(Ms)[e] ?? Pr[e];
 }
-const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import("./Card-Bme-pBSF.js")), Br = () => /* @__PURE__ */ s(
+const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import("./Card-dFpcKsyN.js")), Ur = () => /* @__PURE__ */ s(
   "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)]",
     "aria-hidden": !0
   }
-), Pe = (e) => /* @__PURE__ */ s(Vs, { fallback: /* @__PURE__ */ s(Br, {}), children: e.contentType === "text" ? /* @__PURE__ */ s($r, { ...e }) : /* @__PURE__ */ s(Ur, { ...e }) }), jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Pe = (e) => /* @__PURE__ */ s(Vs, { fallback: /* @__PURE__ */ s(Ur, {}), children: e.contentType === "text" ? /* @__PURE__ */ s($r, { ...e }) : /* @__PURE__ */ s(Br, { ...e }) }), jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2700,7 +2702,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import(
 }, Gr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Ue = (e) => {
+}, Be = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
 }, yt = (e) => {
@@ -2722,7 +2724,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = As(e), i = Ue(e);
+  const r = As(e), i = Be(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2780,7 +2782,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import(
     }
   )
 ] }), et = () => {
-  const { message: e } = Ne("SentMessageDeliveryStatus"), { messages: t } = ce("SentMessageDeliveryStatus"), n = (() => {
+  const { message: e } = Ne("SentMessageDeliveryStatus"), { messages: t } = oe("SentMessageDeliveryStatus"), n = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
         const r = t[a];
@@ -2893,7 +2895,7 @@ const Qr = {
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Be = ({
+), Ue = ({
   variant: e,
   children: t,
   href: n,
@@ -2959,9 +2961,9 @@ const Qr = {
 }, ii = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ye = (e, t) => !!t && !!e && de(e) === "audio", St = (e, t) => {
+}, Ye = (e, t) => !!t && !!e && ce(e) === "audio", St = (e, t) => {
   if (!t || !e) return !1;
-  const n = de(e);
+  const n = ce(e);
   return n === "video" || n === "audio";
 }, Et = "bg-[#F2F3F4]", je = ({
   variant: e,
@@ -2972,7 +2974,7 @@ const Qr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = de(r), d = !!n && l === "video", m = ie(t);
+  const l = ce(r), d = !!n && l === "video", m = he(t);
   return Ye(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
@@ -3060,7 +3062,7 @@ const Qr = {
       children: /* @__PURE__ */ s(Kn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Be, { variant: "dark", bgClassName: Et, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Ue, { variant: "dark", bgClassName: Et, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
       je,
       {
@@ -3072,7 +3074,7 @@ const Qr = {
     ) }),
     b && /* @__PURE__ */ s("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ u(
-    Be,
+    Ue,
     {
       variant: "dark",
       topRight: g ? b : void 0,
@@ -3124,7 +3126,7 @@ const Qr = {
     }
   } : d;
   return /* @__PURE__ */ u(
-    Be,
+    Ue,
     {
       variant: "light",
       href: g,
@@ -3172,7 +3174,7 @@ const Qr = {
 }) => {
   const h = St(r, o), g = kt(a), c = m == null && g != null && !h ? g : void 0, b = m == null && !h && c != null ? f : void 0;
   return /* @__PURE__ */ u(
-    Be,
+    Ue,
     {
       variant: "dark",
       href: c,
@@ -3233,7 +3235,7 @@ function Qt(e) {
     title: z(e.title),
     description: z(e.text),
     url: t,
-    thumbnailUrl: ie(n),
+    thumbnailUrl: he(n),
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
@@ -3283,9 +3285,7 @@ function hi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
 function es(e) {
-  return ie(
-    z(e.image_url)
-  ) ?? ie(z(e.asset_url)) ?? "";
+  return z(e.image_url) ?? z(e.asset_url) ?? "";
 }
 function fi(e) {
   switch (e) {
@@ -3471,7 +3471,7 @@ const bi = ({
     ] }) : null
   ] });
 }, vi = (e) => {
-  var Dt, zt, Ft, Pt, Ot, $t, Ut, Bt, jt, Vt;
+  var Dt, zt, Ft, Pt, Ot, $t, Bt, Ut, jt, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3489,7 +3489,7 @@ const bi = ({
     renderText: b,
     threadList: v,
     viewerLanguage: x
-  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = ce("CustomMessage"), { isUnlocking: w, onUnlockClick: k, onFetchSource: D, onDownloadClick: S } = Or("LockedAttachment"), [R, O] = B(!1), F = Ks(c.id), { selected: L, voteUp: C, voteDown: E } = va(c), {
+  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: k, onFetchSource: D, onDownloadClick: S } = Or("LockedAttachment"), [R, O] = U(!1), F = Ks(c.id), { selected: L, voteUp: C, voteDown: E } = va(c), {
     Attachment: I = Zs,
     EditMessageModal: T = Js,
     MessageActions: M,
@@ -3504,21 +3504,21 @@ const bi = ({
   } = as("CustomMessage"), H = ln(c), q = on(c), Y = re(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), U = re(() => {
-    const he = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...he] : he;
-    if (!Ue(c)) return be;
+  ), B = re(() => {
+    const me = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...me] : me;
+    if (!Be(c)) return be;
     const Gt = be.filter((Ht) => !("type" in Ht) || !ps(Ht));
     return Gt.length === be.length ? be : Gt;
   }, [c]), W = re(
-    () => Ls(U),
-    [U]
+    () => Ls(B),
+    [B]
   ), Z = re(() => {
-    const he = us({ message: c, viewerLanguage: x });
-    return he === c.text ? c : { ...c, text: he };
-  }, [c, x]), ue = W.length > 0, De = W.reduce(
-    (he, be) => he + be.attachments.length,
+    const me = us({ message: c, viewerLanguage: x });
+    return me === c.text ? c : { ...c, text: me };
+  }, [c, x]), de = W.length > 0, De = W.reduce(
+    (me, be) => me + be.attachments.length,
     0
-  ) === ((U == null ? void 0 : U.length) ?? 0), ze = Ya({
+  ) === ((B == null ? void 0 : B.length) ?? 0), ze = Ya({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: o
@@ -3529,9 +3529,9 @@ const bi = ({
     return /* @__PURE__ */ s(j, { message: c });
   if (dn(c))
     return /* @__PURE__ */ s(P, {});
-  const ae = !v && !!c.reply_count, me = !v && c.show_in_channel && c.parent_id, oe = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = un(c);
+  const ae = !v && !!c.reply_count, ue = !v && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = un(c);
   let ge;
-  oe ? ge = () => m(c) : Tt && (ge = () => O(!0));
+  le ? ge = () => m(c) : Tt && (ge = () => O(!0));
   const te = g(), $s = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
@@ -3544,12 +3544,12 @@ const bi = ({
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((zt = c == null ? void 0 : c.error) == null ? void 0 : zt.status) !== 403,
-      "str-chat__message-with-thread-link": ae || me,
+      "str-chat__message-with-thread-link": ae || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = qr(c), pe = Ue(c), Us = yt(c), We = !!(U != null && U.length && !c.quoted_message), At = pe && te && We, Bs = ue && De && !c.quoted_message && !qe && !Y && !pe, Rt = {
+  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = qr(c), pe = Be(c), Bs = yt(c), We = !!(B != null && B.length && !c.quoted_message), At = pe && te && We, Us = de && De && !c.quoted_message && !qe && !Y && !pe, Rt = {
     contentType: "text",
     amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
     paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
@@ -3558,8 +3558,8 @@ const bi = ({
     contentType: "media",
     title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
     mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
-    thumbnailUrl: (Ut = c.metadata) == null ? void 0 : Ut.attachment_thumbnail,
-    amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
+    thumbnailUrl: (Bt = c.metadata) == null ? void 0 : Bt.attachment_thumbnail,
+    amountText: (Ut = c.metadata) == null ? void 0 : Ut.amount_text,
     detail: (jt = c.metadata) == null ? void 0 : jt.attachment_detail,
     paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
     onFetchSource: D ? () => D(c, _) : void 0
@@ -3604,7 +3604,7 @@ const bi = ({
             "div",
             {
               className: y("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": oe || Tt
+                "str-chat__simple-message--error-failed": le || Tt
               }),
               "data-testid": "message-inner",
               onClick: ge,
@@ -3664,14 +3664,14 @@ const bi = ({
                     renderText: b
                   }
                 ) })
-              ] }) : Bs ? /* @__PURE__ */ s(
+              ] }) : Us ? /* @__PURE__ */ s(
                 bi,
                 {
                   groupPosition: ze,
                   isMyMessage: te,
                   message: {
                     ...Z,
-                    attachments: U,
+                    attachments: B,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -3689,11 +3689,11 @@ const bi = ({
                   }
                 ),
                 qe && /* @__PURE__ */ s(hn, { poll: qe }),
-                U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
+                B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
                   I,
                   {
                     actionHandler: l,
-                    attachments: U
+                    attachments: B
                   }
                 ) : null,
                 Y ? /* @__PURE__ */ s(
@@ -3713,7 +3713,7 @@ const bi = ({
               ] }) })
             }
           ),
-          !Us && !Mt && /* @__PURE__ */ u("div", { className: "str-chat__message-footer", children: [
+          !Bs && !Mt && /* @__PURE__ */ u("div", { className: "str-chat__message-footer", children: [
             (!pe || At) && /* @__PURE__ */ s(
               Qe,
               {
@@ -3739,7 +3739,7 @@ const bi = ({
               reply_count: c.reply_count
             }
           ),
-          me && /* @__PURE__ */ s(Q, {})
+          ue && /* @__PURE__ */ s(Q, {})
         ]
       },
       c.id
@@ -3920,7 +3920,7 @@ const bi = ({
   composerInput: r
 }) => {
   var l;
-  const { channel: i } = ce(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
+  const { channel: i } = oe(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
   return n ? /* @__PURE__ */ u(se, { children: [
     /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
@@ -4067,11 +4067,11 @@ const bi = ({
   Ke.Thinking,
   Ke.Generating,
   Ke.ExternalSources
-]), Ui = ({ threadList: e }) => {
+]), Bi = ({ threadList: e }) => {
   var b, v;
-  const { channel: t, channelConfig: n, thread: a } = ce(), { client: r } = fe(), { typing: i = {} } = Nn(), { aiState: o } = yn(t), l = Te(Ds);
+  const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = Nn(), { aiState: o } = yn(t), l = Te(Ds);
   if (!e && l && $i.has(o)) {
-    const x = Bi(t, (b = r.user) == null ? void 0 : b.id);
+    const x = Ui(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
       ss,
       {
@@ -4151,7 +4151,7 @@ const bi = ({
     ] })
   }
 );
-function Bi(e, t) {
+function Ui(e, t) {
   var a;
   const n = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(n)) {
@@ -4228,7 +4228,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: x
 }) => {
   var E, I, T, M, P, $;
-  const { channel: p } = ce(), { client: _ } = fe(), w = V.useMemo(
+  const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
     () => {
       var j;
       return He(
@@ -4524,7 +4524,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   composerInput: L
 }) => {
   var N, A, H, q;
-  const { channel: C } = ce(), { client: E } = fe(), I = V.useMemo(
+  const { channel: C } = oe(), { client: E } = fe(), I = V.useMemo(
     () => {
       var Y;
       return He(
@@ -4538,8 +4538,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     var W;
     const Y = E == null ? void 0 : E.userID;
     return Y ? Object.values(((W = C.state) == null ? void 0 : W.members) || {}).find((Z) => {
-      var ue;
-      return ((ue = Z.user) == null ? void 0 : ue.id) === Y;
+      var de;
+      return ((de = Z.user) == null ? void 0 : de.id) === Y;
     }) : void 0;
   }, [E == null ? void 0 : E.userID, (A = C.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), $ = S && M === !1 && P === !0, j = C.state.messages.some(
     (Y) => Y.type !== "deleted"
@@ -4566,7 +4566,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     }
   ) : null, X = J(
     (Y) => {
-      const { message: U } = Ne("ChannelView"), W = /* @__PURE__ */ s(
+      const { message: B } = Ne("ChannelView"), W = /* @__PURE__ */ s(
         wi,
         {
           ...Y,
@@ -4574,7 +4574,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           viewerLanguage: R
         }
       );
-      return !D || !U ? W : D(W, U);
+      return !D || !B ? W : D(W, B);
     },
     [x, D, R]
   );
@@ -4584,7 +4584,6 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       overrides: {
         Message: X,
         MessageActions: yi,
-        UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
       children: /* @__PURE__ */ u(Sn, { children: [
@@ -4703,10 +4702,10 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ...w
             }
           }
-        }, U = {
+        }, B = {
           ...A,
           ...q && { skip_push: !0 }
-        }, W = await e.sendMessage(Y, U);
+        }, W = await e.sendMessage(Y, B);
         return k == null || k(W), W;
       },
       [e, _, w, k]
@@ -4718,7 +4717,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const N = (A) => {
         const H = A.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
-        const U = q == null ? void 0 : q.closest("[data-message-id]"), W = U == null ? void 0 : U.getAttribute("data-message-id"), Z = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
+        const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
         E(Y, Z);
       };
       return X.addEventListener("click", N), () => X.removeEventListener("click", N);
@@ -4738,7 +4737,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             EmptyStateIndicator: m,
             LoadingIndicator: Ve,
             DateSeparator: pa,
-            TypingIndicator: Ui,
+            TypingIndicator: Bi,
             doSendMessageRequest: Q,
             ...I ? { SendButton: I } : {},
             ...T ? { AttachmentPreviewList: T } : {},
@@ -4830,7 +4829,7 @@ const bl = ({
     refreshConnection: C,
     service: E,
     debug: I
-  } = ta(), [T, M] = B(null), [P, $] = B(null), [j, Q] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
+  } = ta(), [T, M] = U(null), [P, $] = U(null), [j, Q] = U(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
   X.current = o;
   const N = G(a);
   N.current = a;
@@ -4839,9 +4838,9 @@ const bl = ({
     H.current = T;
   }, [T]), K(() => {
     if (!R || !O) return;
-    const U = R.userID;
-    if (!U) return;
-    const W = `${U}::${i}`;
+    const B = R.userID;
+    if (!B) return;
+    const W = `${B}::${i}`;
     if (A.current === W) return;
     A.current = W;
     const Z = () => {
@@ -4857,7 +4856,7 @@ const bl = ({
         const ae = await R.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [U, i] }
+            members: { $eq: [B, i] }
           },
           {},
           { limit: 1 }
@@ -4869,8 +4868,8 @@ const bl = ({
           );
           return;
         }
-        const me = X.current;
-        if (!me || !E) {
+        const ue = X.current;
+        if (!ue || !E) {
           Z(), $("No conversation found with this account"), I && console.log(
             "[MessagingShell] No conversation found for:",
             i
@@ -4878,19 +4877,19 @@ const bl = ({
           return;
         }
         try {
-          const oe = await E.startChannelWithParticipant({
-            id: me.id,
-            name: me.name,
-            phone: me.phone
+          const le = await E.startChannelWithParticipant({
+            id: ue.id,
+            name: ue.name,
+            phone: ue.phone
           });
-          M(oe), $(null), (ze = N.current) == null || ze.call(N, oe), I && console.log(
+          M(le), $(null), (ze = N.current) == null || ze.call(N, le), I && console.log(
             "[MessagingShell] Channel created and loaded:",
-            oe.id
+            le.id
           );
-        } catch (oe) {
+        } catch (le) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            oe
+            le
           ), Z(), $("Failed to create conversation");
         }
       } catch (ae) {
@@ -4904,8 +4903,8 @@ const bl = ({
   const q = G(r);
   q.current = r;
   const Y = J(() => {
-    var U;
-    M(null), Q(!0), (U = q.current) == null || U.call(q);
+    var B;
+    M(null), Q(!0), (B = q.current) == null || B.call(q);
   }, []);
   return F ? /* @__PURE__ */ s(Ve, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: C }) : !O || !R ? /* @__PURE__ */ s(
     Ce,
@@ -5034,7 +5033,7 @@ const Fs = V.createContext({
       if (C) return C;
       const T = (M = p == null ? void 0 : p.attachments) == null ? void 0 : M[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), k = p != null && p.created_at ? Ki(new Date(p.created_at)) : "", D = p ? Ue(p) : !1, S = l ? l(p, w) : `${D ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), k = p != null && p.created_at ? Ki(new Date(p.created_at)) : "", D = p ? Be(p) : !1, S = l ? l(p, w) : `${D ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: f,
@@ -5332,7 +5331,7 @@ export {
   zs as d,
   gl as e,
   al as f,
-  de as g,
+  ce as g,
   Pe as h,
   ke as i,
   vl as j,
@@ -5340,7 +5339,7 @@ export {
   hl as l,
   bl as m,
   sr as n,
-  ie as o,
+  he as o,
   Qa as p,
   Ki as q,
   _e as r,
@@ -5353,4 +5352,4 @@ export {
   He as y,
   gt as z
 };
-//# sourceMappingURL=index-D9_M5IWl.js.map
+//# sourceMappingURL=index-BvuCjzqJ.js.map