@linktr.ee/messaging-react 4.2.0-rc-1787181113 → 4.2.0-rc-1787239893

package/dist/{index-6RdyZh6F.js → index-CT_7H4Gc.js}

@@ -1,26 +1,26 @@
 import { jsx as n, jsxs as f, Fragment as Q } from "react/jsx-runtime";
-import F, { createContext as Re, useMemo as re, useContext as ge, useCallback as J, useState as B, useRef as V, useEffect as X, useId as cs, Suspense as ds } from "react";
-import { StreamChatService as us } from "@linktr.ee/messaging-core";
-import { StreamChat as ms, LinkPreviewsManager as st } from "stream-chat";
-import { Chat as hs, useChannelStateContext as _e, useChatContext as Ye, DateSeparator as fs, useMessageContext as pe, MessageStatus as gs, MessageErrorIcon as at, MessageText as Ue, areMessageUIPropsEqual as ps, useMessageReminder as bs, useComponentContext as gn, Attachment as vs, EditMessageModal as xs, MessageBlocked as ws, MessageBouncePrompt as _s, MessageDeleted as ys, MessageIsThreadReplyInChannelButtonIndicator as Ns, MessageRepliesCountButton as ks, ReminderNotification as Cs, StreamedMessageText as Ss, messageHasAttachments as Es, messageHasReactions as Is, isDateSeparatorMessage as Ts, isMessageBlocked as As, isMessageBounced as Rs, MessageBounceModal as Ls, Poll as Ms, useMessageComposer as Ds, useStateStore as Os, MessageInput as Yt, useMessageInputContext as Ps, useMessageComposerHasSendableData as Fs, AttachmentPreviewList as zs, QuotedMessagePreview as Bs, TextareaComposer as $s, MessageTimestamp as Ze, AIStates as Je, useTypingContext as Us, useAIState as js, Channel as Hs, WithComponents as Vs, Window as Gs, MessageList as Wt, ChannelList as Ys, InfiniteScroll as Ws } from "stream-chat-react";
-import { isOfficialChannel as pn, OFFICIAL_SENDER_USER_ID as Ks, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as Kt, isAgeSafetySystemType as Xs, resolveRichCardImagePresentation as qs, selectEnabledFaqs as Zs } from "@linktr.ee/messaging-taxonomy";
+import F, { createContext as Re, useMemo as re, useContext as ge, useCallback as J, useState as B, useRef as V, useEffect as X, useId as ds, Suspense as us } from "react";
+import { StreamChatService as ms } from "@linktr.ee/messaging-core";
+import { StreamChat as hs, LinkPreviewsManager as st } from "stream-chat";
+import { Chat as fs, useChannelStateContext as _e, useChatContext as Ye, DateSeparator as gs, useMessageContext as pe, MessageStatus as ps, MessageErrorIcon as at, MessageText as Ue, areMessageUIPropsEqual as bs, useMessageReminder as vs, useComponentContext as gn, Attachment as xs, EditMessageModal as ws, MessageBlocked as _s, MessageBouncePrompt as ys, MessageDeleted as Ns, MessageIsThreadReplyInChannelButtonIndicator as ks, MessageRepliesCountButton as Cs, ReminderNotification as Ss, StreamedMessageText as Es, messageHasAttachments as Is, messageHasReactions as Ts, isDateSeparatorMessage as As, isMessageBlocked as Rs, isMessageBounced as Ls, MessageBounceModal as Ms, Poll as Ds, useMessageComposer as Os, useStateStore as Ps, MessageInput as Yt, useMessageInputContext as Fs, useMessageComposerHasSendableData as zs, AttachmentPreviewList as Bs, QuotedMessagePreview as $s, TextareaComposer as Us, MessageTimestamp as Ze, AIStates as Je, useTypingContext as js, useAIState as Hs, Channel as Vs, WithComponents as Gs, Window as Ys, MessageList as Wt, ChannelList as Ws, InfiniteScroll as Ks } from "stream-chat-react";
+import { isOfficialChannel as pn, OFFICIAL_SENDER_USER_ID as Xs, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as Kt, isAgeSafetySystemType as qs, resolveRichCardImagePresentation as Zs, selectEnabledFaqs as Js } from "@linktr.ee/messaging-taxonomy";
 import k from "classnames";
-import { StarIcon as rt, DotsThreeIcon as Js, SpinnerGapIcon as ze, SignOutIcon as Qs, ProhibitInsetIcon as Xt, FlagIcon as bn, CurrencyDollarIcon as ea, CaretRightIcon as vn, ArrowLeftIcon as ta, FileIcon as xn, ImageIcon as na, SpeakerHighIcon as sa, VideoCameraIcon as wn, FileMdIcon as aa, FileTextIcon as ra, FileZipIcon as ia, FilePptIcon as oa, FileCsvIcon as la, FileXlsIcon as ca, FileDocIcon as da, FilePdfIcon as ua, CircleNotchIcon as xe, PlayIcon as it, PauseIcon as ma, LinkIcon as ha, DownloadSimpleIcon as Ie, GiftIcon as fa, WarningCircleIcon as ga, MegaphoneIcon as pa, ChecksIcon as ba, XIcon as lt, PencilSimpleIcon as va, CaretLeftIcon as xa, TrashSimpleIcon as wa, ArrowUpIcon as _a, SparkleIcon as ya, ProhibitIcon as Na } from "@phosphor-icons/react";
-import { MessageActions as ka, DefaultDropdownActionButton as _n } from "stream-chat-react/experimental";
+import { StarIcon as rt, DotsThreeIcon as Qs, SpinnerGapIcon as ze, SignOutIcon as ea, ProhibitInsetIcon as Xt, FlagIcon as bn, CurrencyDollarIcon as ta, CaretRightIcon as vn, ArrowLeftIcon as na, FileIcon as xn, ImageIcon as sa, SpeakerHighIcon as aa, VideoCameraIcon as wn, FileMdIcon as ra, FileTextIcon as ia, FileZipIcon as oa, FilePptIcon as la, FileCsvIcon as ca, FileXlsIcon as da, FileDocIcon as ua, FilePdfIcon as ma, CircleNotchIcon as xe, PlayIcon as it, PauseIcon as ha, LinkIcon as fa, DownloadSimpleIcon as Ie, GiftIcon as ga, WarningCircleIcon as pa, MegaphoneIcon as ba, ChecksIcon as va, XIcon as lt, PencilSimpleIcon as xa, CaretLeftIcon as wa, TrashSimpleIcon as _a, ArrowUpIcon as ya, SparkleIcon as Na, ProhibitIcon as ka } from "@phosphor-icons/react";
+import { MessageActions as Ca, DefaultDropdownActionButton as _n } from "stream-chat-react/experimental";
 const Se = {
   debug: (e, ...t) => console.log(e, ...t),
   info: (e, ...t) => console.log(e, ...t),
   warn: (e, ...t) => console.warn(e, ...t),
   error: (e, ...t) => console.error(e, ...t)
-}, Ca = (e) => ({
+}, yn = (e) => ({
   debug: (e == null ? void 0 : e.debug) ?? Se.debug,
   info: (e == null ? void 0 : e.info) ?? Se.info,
   warn: (e == null ? void 0 : e.warn) ?? Se.warn,
   error: (e == null ? void 0 : e.error) ?? Se.error
-}), yn = Re(Se), Sa = ({ logger: e, children: t }) => {
-  const s = re(() => Ca(e), [e]);
-  return /* @__PURE__ */ n(yn.Provider, { value: s, children: t });
-}, ll = () => ge(yn), Nn = Re({
+}), Nn = Re(Se), Sa = ({ logger: e, children: t }) => {
+  const s = re(() => yn(e), [e]);
+  return /* @__PURE__ */ n(Nn.Provider, { value: s, children: t });
+}, ll = () => ge(Nn), kn = Re({
   service: null,
   client: null,
   isConnected: !1,
@@ -30,7 +30,7 @@ const Se = {
   refreshConnection: async () => {
   },
   debug: !1
-}), ct = () => ge(Nn), cl = ({
+}), ct = () => ge(kn), cl = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -81,7 +81,7 @@ const Se = {
     capabilities: r
   };
   const A = V(null);
-  !o && a && ((O = A.current) == null ? void 0 : O.apiKey) !== a && (A.current = { apiKey: a, client: new ms(a) });
+  !o && a && ((O = A.current) == null ? void 0 : O.apiKey) !== a && (A.current = { apiKey: a, client: new hs(a) });
   const C = o || (a ? ((j = A.current) == null ? void 0 : j.client) ?? null : null);
   X(() => {
     const z = $.current, P = I.current;
@@ -100,13 +100,14 @@ const Se = {
       renderCount: z,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const q = new us({
+    const q = new ms({
       ...P,
       apiKey: a,
       debug: M.current,
       client: C,
       // An explicit serviceConfig.logger wins — existing injectors keep working.
-      ...P.logger || !T.current ? {} : { logger: T.current }
+      // Resolved, because the service swaps its console defaults out wholesale.
+      ...P.logger || !T.current ? {} : { logger: yn(T.current) }
     });
     _.current = q, h(q), d("✅ SERVICE SET", {
       renderCount: z,
@@ -233,8 +234,8 @@ const Se = {
     renderCount: $.current,
     willRenderChat: !!C,
     contextValueReady: !!S
-  }), /* @__PURE__ */ n(Sa, { logger: c, children: /* @__PURE__ */ n(Nn.Provider, { value: S, children: C ? /* @__PURE__ */ n(
-    hs,
+  }), /* @__PURE__ */ n(Sa, { logger: c, children: /* @__PURE__ */ n(kn.Provider, { value: S, children: C ? /* @__PURE__ */ n(
+    fs,
     {
       client: C,
       customClasses: {
@@ -243,7 +244,7 @@ const Se = {
       children: e
     }
   ) : e }) });
-}, Ea = () => ct(), kn = (e) => {
+}, Ea = () => ct(), Cn = (e) => {
   var a, r;
   const [t, s] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -266,13 +267,13 @@ const Se = {
     };
   }, [e]), t;
 };
-function Cn(e, t, s) {
+function Sn(e, t, s) {
   const a = Object.values(e || {});
   if (pn(s)) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === Ks;
+        return ((o = i.user) == null ? void 0 : o.id) === Xs;
       }
     );
     if (r) return r;
@@ -292,7 +293,7 @@ function qt(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !Ta(s);
 }
-function Sn(e) {
+function En(e) {
   return qt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : qt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
 const Zt = [
@@ -331,14 +332,14 @@ function Aa(e) {
   }
   return Math.abs(t);
 }
-function En(e) {
+function In(e) {
   return Zt[Aa(e) % Zt.length];
 }
 function Ra(e) {
-  return En(e).emoji;
+  return In(e).emoji;
 }
 function La(e) {
-  return En(e).bgColor;
+  return In(e).bgColor;
 }
 const ye = ({
   id: e,
@@ -518,7 +519,7 @@ const ye = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, l] = B(!1), v = V(null), w = cs(), b = J(() => l(!1), []), {
+  const [g, l] = B(!1), v = V(null), w = ds(), b = J(() => l(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: p,
     isLeaving: y,
@@ -561,7 +562,7 @@ const ye = ({
         "aria-controls": g ? w : void 0,
         onClick: () => l((A) => !A),
         children: [
-          /* @__PURE__ */ n(Js, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(Qs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -583,7 +584,7 @@ const ye = ({
               disabled: y,
               "aria-busy": y,
               children: [
-                y ? /* @__PURE__ */ n(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Qs, { className: "h-5 w-5" }),
+                y ? /* @__PURE__ */ n(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ea, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -649,14 +650,14 @@ const ye = ({
   const { channel: b } = _e(), { client: x } = Ye(), p = F.useMemo(
     () => {
       var O;
-      return Cn(
+      return Sn(
         (O = b.state) == null ? void 0 : O.members,
         x == null ? void 0 : x.userID,
         b.type
       );
     },
     [(C = b.state) == null ? void 0 : C.members, x == null ? void 0 : x.userID, b.type]
-  ), y = Sn(p == null ? void 0 : p.user), _ = (R = p == null ? void 0 : p.user) == null ? void 0 : R.image, I = kn(b), M = Fa((E = b.data) == null ? void 0 : E.customer_tag) && (p == null ? void 0 : p.is_follower) === !0, T = a && I, D = M || T || !!w, $ = async () => {
+  ), y = En(p == null ? void 0 : p.user), _ = (R = p == null ? void 0 : p.user) == null ? void 0 : R.image, I = Cn(b), M = Fa((E = b.data) == null ? void 0 : E.customer_tag) && (p == null ? void 0 : p.is_follower) === !0, T = a && I, D = M || T || !!w, $ = async () => {
     try {
       I ? await b.unpin() : await b.pin();
     } catch (O) {
@@ -692,7 +693,7 @@ const ye = ({
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ n(ea, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ n(ta, { className: "size-2.5", weight: "bold" })
               }
             ),
             T && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
@@ -735,7 +736,7 @@ const ye = ({
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(ta, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(na, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ n("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: w ? /* @__PURE__ */ n(
@@ -790,11 +791,11 @@ const ye = ({
       ] })
     }
   );
-}, Ba = (e) => /* @__PURE__ */ n(fs, { ...e, position: "center" });
+}, Ba = (e) => /* @__PURE__ */ n(gs, { ...e, position: "center" });
 function $a(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function In({
+function Tn({
   message: e,
   viewerLanguage: t
 }) {
@@ -836,7 +837,7 @@ const Va = [
 function ue(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function Tn(e) {
+function An(e) {
   const t = Va.find(
     ([s]) => s.test(e)
   );
@@ -844,23 +845,23 @@ function Tn(e) {
 }
 const Ga = {
   video: wn,
-  audio: sa,
-  image: na,
+  audio: aa,
+  image: sa,
   document: xn
 }, Ya = {
-  pdf: ua,
-  doc: da,
-  xls: ca,
-  csv: la,
-  ppt: oa,
-  zip: ia,
-  text: ra,
-  markdown: aa,
+  pdf: ma,
+  doc: ua,
+  xls: da,
+  csv: ca,
+  ppt: la,
+  zip: oa,
+  text: ia,
+  markdown: ra,
   generic: xn
 };
 function Wa(e) {
   const t = ue(e);
-  return t !== "document" ? Ga[t] : Ya[Tn(e)];
+  return t !== "document" ? Ga[t] : Ya[An(e)];
 }
 function we(e, t) {
   return F.createElement(Wa(e), t);
@@ -1069,7 +1070,7 @@ const Ka = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(ma, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(it, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(ha, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(it, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1117,7 +1118,7 @@ const Ka = (e) => {
       ]
     }
   );
-}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", qa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", An = ({
+}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", qa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Rn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1197,7 +1198,7 @@ const Ka = (e) => {
       })
     }
   );
-}, Rn = ({
+}, Ln = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1263,7 +1264,7 @@ const Ka = (e) => {
     }
   );
 };
-function Ln(e) {
+function Mn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function dt(e) {
@@ -1297,7 +1298,7 @@ const ut = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${Za(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(ha, { className: `size-12 ${tr(t)}` })
+        children: /* @__PURE__ */ n(fa, { className: `size-12 ${tr(t)}` })
       }
     ) }),
     /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
@@ -1409,16 +1410,16 @@ function ht(e) {
     thumbnailUrl: h
   };
 }
-const Mn = ({
+const Dn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? Ln(a) : void 0;
+  const i = a !== void 0 ? Mn(a) : void 0;
   return /* @__PURE__ */ n(
-    Rn,
+    Ln,
     {
       variant: "dark",
       title: s,
@@ -1426,7 +1427,7 @@ const Mn = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        An,
+        Rn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1437,23 +1438,23 @@ const Mn = ({
       )
     }
   );
-}, Dn = ({
+}, On = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ue(t), o = a !== void 0 ? Ln(a) : void 0;
+  const i = ue(t), o = a !== void 0 ? Mn(a) : void 0;
   return /* @__PURE__ */ n(
-    Rn,
+    Ln,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        An,
+        Rn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1503,7 +1504,7 @@ const Mn = ({
                 attachment: s,
                 isMyMessage: t
               }
-            ) }) : t ? /* @__PURE__ */ n(Mn, { ...a }) : /* @__PURE__ */ n(Dn, { ...a })
+            ) }) : t ? /* @__PURE__ */ n(Dn, { ...a }) : /* @__PURE__ */ n(On, { ...a })
           }
         ) })
       }
@@ -1516,7 +1517,7 @@ const Mn = ({
   if (t)
     return /* @__PURE__ */ n("div", { className: dt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ut, { attachment: t, isMyMessage: !0 }) });
   const s = ht(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Mn, { ...s }) }) : null;
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Dn, { ...s }) }) : null;
 }, ir = ({
   message: e
 }) => {
@@ -1524,7 +1525,7 @@ const Mn = ({
   if (t)
     return /* @__PURE__ */ n("div", { className: dt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ut, { attachment: t, isMyMessage: !1 }) });
   const s = ht(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Dn, { ...s }) }) : null;
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(On, { ...s }) }) : null;
 }, dl = Object.assign(ar, {
   Creator: rr,
   Visitor: ir
@@ -1532,17 +1533,17 @@ const Mn = ({
   isUnlocking: () => !1
 }, lr = {
   LockedAttachment: or
-}, On = Re({}), ul = On.Provider;
+}, Pn = Re({}), ul = Pn.Provider;
 function cr(e) {
-  return ge(On)[e] ?? lr[e];
+  return ge(Pn)[e] ?? lr[e];
 }
-const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import("./Card-BOudQBd6.js")), mr = () => /* @__PURE__ */ n(
+const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import("./Card-pnqpS46t.js")), mr = () => /* @__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)]",
     "aria-hidden": !0
   }
-), Be = (e) => /* @__PURE__ */ n(ds, { fallback: /* @__PURE__ */ n(mr, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(dr, { ...e }) : /* @__PURE__ */ n(ur, { ...e }) }), hr = ({ size: e = 15 }) => /* @__PURE__ */ n(
+), Be = (e) => /* @__PURE__ */ n(us, { fallback: /* @__PURE__ */ n(mr, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(dr, { ...e }) : /* @__PURE__ */ n(ur, { ...e }) }), hr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1559,7 +1560,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
       }
     )
   }
-), Pn = (e) => {
+), Fn = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.PAID;
 }, je = (e) => {
@@ -1576,20 +1577,20 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
   return ft(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
 }, pr = (e) => {
   var t;
-  return Pn(e) && !!((t = e.metadata) != null && t.amount_text);
+  return Fn(e) && !!((t = e.metadata) != null && t.amount_text);
 }, en = ({
   message: e,
   isMyMessage: t = !1,
   hasAttachment: s = !1
 }) => {
   var m;
-  const a = Pn(e), r = je(e);
+  const a = Fn(e), r = je(e);
   if (!a && !r)
     return null;
   if (a) {
     const g = (m = e.metadata) == null ? void 0 : m.amount_text;
     return g ? /* @__PURE__ */ f("div", { className: "message-tag--paid inline-flex items-center gap-1 text-[12px] font-medium leading-[2] text-[#016630]", children: [
-      /* @__PURE__ */ n(fa, { size: 12 }),
+      /* @__PURE__ */ n(ga, { size: 12 }),
       /* @__PURE__ */ f("span", { children: [
         "Delivered with ",
         g,
@@ -1630,7 +1631,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
       mask: tn
     }
   }
-), Fn = Re(
+), zn = Re(
   void 0
 ), vr = (e) => {
   var s;
@@ -1668,7 +1669,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
 }, _r = (e, t) => {
   const s = xr(e, t), [a, r] = B(s);
   return wr(a, s) ? a : (r(s), s);
-}, zn = (e) => {
+}, Bn = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.TIP;
 }, yr = ({ message: e }) => {
@@ -1699,7 +1700,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
   })();
   return e.id === s;
 }, $e = () => gt() ? /* @__PURE__ */ f(Q, { children: [
-  /* @__PURE__ */ n(ba, { weight: "bold", "aria-hidden": "true" }),
+  /* @__PURE__ */ n(va, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
 ] }) : null, Nr = () => gt() ? /* @__PURE__ */ f(Q, { children: [
   /* @__PURE__ */ n(
@@ -1716,7 +1717,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
   onOutboundClick: t
 }) => {
   const s = e.name || "Broadcast", r = /* @__PURE__ */ f(Q, { children: [
-    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(pa, { weight: "fill" }) }),
+    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(ba, { weight: "fill" }) }),
     /* @__PURE__ */ n(
       "span",
       {
@@ -1739,7 +1740,7 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
     }
   ) : r;
 }, Cr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
-  /* @__PURE__ */ n(ga, { weight: "bold", "aria-hidden": "true" }),
+  /* @__PURE__ */ n(pa, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
 ] }), Sr = ({
   onOutboundClick: e,
@@ -1762,12 +1763,12 @@ const dr = F.lazy(() => import("./Card-BzvDr-pU.js")), ur = F.lazy(() => import(
       onOutboundClick: e
     }
   ) : null, u = pr(a) ? null : /* @__PURE__ */ n(
-    gs,
+    ps,
     {
       MessageSentStatus: $e,
       MessageDeliveredStatus: $e,
       MessageReadStatus: $e,
-      MessageSendingStatus: zn(a) ? $e : Nr
+      MessageSendingStatus: Bn(a) ? $e : Nr
     }
   );
   return d ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
@@ -1796,7 +1797,7 @@ const Tr = {
     primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
     secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
   }
-}, Bn = ({
+}, $n = ({
   variant: e,
   cta: t,
   fullWidth: s = !0,
@@ -1914,7 +1915,7 @@ const Tr = {
       ] }),
       h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
     ] }),
-    u && /* @__PURE__ */ n(Bn, { variant: t ?? e, cta: u })
+    u && /* @__PURE__ */ n($n, { variant: t ?? e, cta: u })
   ] });
 }, Mr = "Loading link preview", Dr = k(
   // Width is a channel-scoped token: default 290px, but a read-only surface with no
@@ -2131,9 +2132,9 @@ function zr(e) {
   const t = e.trim();
   return t.startsWith("#") ? t : `#${t}`;
 }
-const Br = "#FFFFFF", $n = "#040403", $r = {
+const Br = "#FFFFFF", Un = "#040403", $r = {
   dark: Br,
-  light: $n
+  light: Un
 };
 function Ke({
   variant: e,
@@ -2150,7 +2151,7 @@ function Ke({
   }, [r]);
   const u = F.useCallback(() => {
     d(!0);
-  }, []), h = Le(i, o), l = a === "featured" && !!r && !h && !c && s === "ready" && t != null && Fr.test(t.trim()) ? zr(t) : void 0, v = h ? $n : $r[e];
+  }, []), h = Le(i, o), l = a === "featured" && !!r && !h && !c && s === "ready" && t != null && Fr.test(t.trim()) ? zr(t) : void 0, v = h ? Un : $r[e];
   return {
     thumbnailUrl: c ? void 0 : r,
     accentHex: l,
@@ -2205,7 +2206,7 @@ const Ur = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: v,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(va, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(xa, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return x && !p.isLoading ? /* @__PURE__ */ n(Te, { variant: "dark", bgClassName: xt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -2646,7 +2647,7 @@ function ri(e, t) {
   }
   if (!e) return;
   if (ue(e) === "document") {
-    const r = Tn(e), i = ai[r];
+    const r = An(e), i = ai[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -2675,7 +2676,7 @@ const oi = {
 }, ci = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Un = ({
+}, jn = ({
   variant: e,
   filename: t,
   title: s,
@@ -2734,7 +2735,7 @@ const oi = {
     c ? /* @__PURE__ */ n("div", { className: "shrink-0", children: c }) : null
   ] });
 };
-async function jn(e, t) {
+async function Hn(e, t) {
   const s = t ?? ie(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -2764,7 +2765,7 @@ const di = ({
 }) => {
   const i = t.filename ?? ie(t.src);
   return /* @__PURE__ */ n(
-    Un,
+    jn,
     {
       variant: e,
       filename: i,
@@ -2801,7 +2802,7 @@ const di = ({
     const x = l[b];
     if (!x) return;
     const p = x.filename ?? ie(x.src);
-    jn(x.src, p);
+    Hn(x.src, p);
   };
   if (l.length === 0)
     return null;
@@ -2840,7 +2841,7 @@ const di = ({
   Composer: mi,
   Sent: hi,
   Received: fi
-}, Hn = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", an = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", Nt = ({
+}, Vn = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", an = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", Nt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
@@ -2853,7 +2854,7 @@ const di = ({
       onClick: e,
       "aria-label": s,
       className: `${an} left-4`,
-      children: /* @__PURE__ */ n(xa, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(wa, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -2866,7 +2867,7 @@ const di = ({
       children: /* @__PURE__ */ n(vn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Vn = ({
+] }), Gn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -2877,7 +2878,7 @@ const di = ({
 }) => {
   const [c, d] = B(!1), u = J(
     (l) => {
-      l.stopPropagation(), !c && (d(!0), jn(e, t).catch(() => {
+      l.stopPropagation(), !c && (d(!0), Hn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -2924,7 +2925,7 @@ const di = ({
       onClick: u,
       disabled: c,
       "aria-label": a,
-      className: Hn,
+      className: Vn,
       children: c ? /* @__PURE__ */ n(xe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ie, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ f(
@@ -3056,7 +3057,7 @@ const di = ({
                 type: "button",
                 onClick: t,
                 "aria-label": "Close viewer",
-                className: Hn,
+                className: Vn,
                 children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
@@ -3066,7 +3067,7 @@ const di = ({
       ]
     }
   );
-}, Gn = ({
+}, Yn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3088,7 +3089,7 @@ const di = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        Vn,
+        Gn,
         {
           url: c.src,
           filename: d,
@@ -3131,7 +3132,7 @@ const di = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, vi = "--mes-single-width-cap", xi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", wi = 436, Yn = ({
+}, vi = "--mes-single-width-cap", xi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", wi = 436, Wn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3272,7 +3273,7 @@ const di = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Wn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Kn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
@@ -3301,10 +3302,10 @@ const di = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(De, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      Gn,
+      Yn,
       {
         open: o,
-        items: Wn([{ src: e, alt: t }], s),
+        items: Kn([{ src: e, alt: t }], s),
         initialIndex: c,
         onClose: u
       }
@@ -3329,7 +3330,7 @@ const di = ({
     imgRef: r,
     onLoad: i
   };
-}, Kn = ({
+}, Xn = ({
   state: e,
   src: t,
   alt: s,
@@ -3366,7 +3367,7 @@ const di = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          Yn,
+          Wn,
           {
             tiles: x,
             onTileActivate: l,
@@ -3374,10 +3375,10 @@ const di = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          Gn,
+          Yn,
           {
             open: m,
-            items: Wn(u, a),
+            items: Kn(u, a),
             initialIndex: g,
             onClose: v
           }
@@ -3385,7 +3386,7 @@ const di = ({
       ]
     }
   );
-}, Si = (e) => /* @__PURE__ */ n(Ni, { ...e }), Ei = (e) => /* @__PURE__ */ n(Kn, { ...e, state: "sent" }), Ii = (e) => /* @__PURE__ */ n(Kn, { ...e, state: "received" }), Ti = {
+}, Si = (e) => /* @__PURE__ */ n(Ni, { ...e }), Ei = (e) => /* @__PURE__ */ n(Xn, { ...e, state: "sent" }), Ii = (e) => /* @__PURE__ */ n(Xn, { ...e, state: "received" }), Ti = {
   Composer: Si,
   Sent: Ei,
   Received: Ii
@@ -3455,7 +3456,7 @@ const di = ({
 }) => {
   const i = t.filename ?? ie(t.src);
   return /* @__PURE__ */ n(
-    Un,
+    jn,
     {
       variant: e,
       filename: i,
@@ -3496,7 +3497,7 @@ const di = ({
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((p, y) => {
           const _ = p.filename ?? ie(p.src), I = b && y === 0 ? /* @__PURE__ */ n(De, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            Vn,
+            Gn,
             {
               url: p.src,
               filename: _,
@@ -3533,7 +3534,7 @@ const di = ({
   Composer: Di,
   Sent: Oi,
   Received: Pi
-}, Xn = ({
+}, qn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3583,7 +3584,7 @@ const di = ({
       ]
     }
   ) : null;
-}, zi = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(it, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), qn = ({
+}, zi = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(it, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Zn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -3608,14 +3609,14 @@ const di = ({
   /* @__PURE__ */ n(zi, {})
 ] }), Bi = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(qn, { item: e, index: t })
+  content: /* @__PURE__ */ n(Zn, { item: e, index: t })
 }), $i = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Zn = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Jn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
@@ -3631,21 +3632,21 @@ const di = ({
         onClick: () => u(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(qn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Zn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(De, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Xn,
+      qn,
       {
         open: c,
-        items: Zn([{ src: e, poster: t, mimeType: s, preload: r }], a),
+        items: Jn([{ src: e, poster: t, mimeType: s, preload: r }], a),
         initialIndex: d,
         onClose: h
       }
     )
   ] });
-}, Jn = ({
+}, Qn = ({
   state: e,
   src: t,
   poster: s,
@@ -3671,12 +3672,12 @@ const di = ({
       groupPosition: c,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Yn, { tiles: b, onTileActivate: v }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Wn, { tiles: b, onTileActivate: v }) }),
         /* @__PURE__ */ n(
-          Xn,
+          qn,
           {
             open: g,
-            items: Zn(h, r),
+            items: Jn(h, r),
             initialIndex: l,
             onClose: w
           }
@@ -3684,7 +3685,7 @@ const di = ({
       ]
     }
   );
-}, ji = (e) => /* @__PURE__ */ n(Ui, { ...e }), Hi = (e) => /* @__PURE__ */ n(Jn, { ...e, state: "sent" }), Vi = (e) => /* @__PURE__ */ n(Jn, { ...e, state: "received" }), Gi = {
+}, ji = (e) => /* @__PURE__ */ n(Ui, { ...e }), Hi = (e) => /* @__PURE__ */ n(Qn, { ...e, state: "sent" }), Vi = (e) => /* @__PURE__ */ n(Qn, { ...e, state: "received" }), Gi = {
   Composer: ji,
   Sent: Hi,
   Received: Vi
@@ -3739,7 +3740,7 @@ function Wi(e) {
   var t;
   return We(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
-function Qn(e) {
+function es(e) {
   if (!(e != null && e.length)) return [];
   const t = [], s = (r, i) => {
     const o = t[t.length - 1];
@@ -3828,7 +3829,9 @@ function ln(e, t) {
 function Ji(e, t) {
   if (t.length > 1)
     return {
-      items: t.map((a) => ln(e, a))
+      items: t.map(
+        (a) => ln(e, a)
+      )
     };
   const s = t[0];
   return s ? ln(e, s) : {};
@@ -3851,7 +3854,7 @@ const eo = ({
   renderText: a
 }) => {
   var b;
-  const r = Qn(s.attachments);
+  const r = es(s.attachments);
   if (r.length === 0) return null;
   const i = Ki(r), o = (b = s.text) == null ? void 0 : b.trim(), c = r.find((x) => x.type === "link"), d = (c == null ? void 0 : c.type) === "link" ? on(c.attachments[0] ?? {}).url : void 0, u = o && Yi(o, d) ? void 0 : o;
   let h = 0;
@@ -3951,19 +3954,19 @@ const eo = ({
     viewerLanguage: b,
     onOutboundClick: x,
     resolvedOutbound: p
-  } = e, { client: y } = Ye("CustomMessage"), { channel: _ } = _e("CustomMessage"), { isUnlocking: I, onUnlockClick: M, onFetchSource: T, onDownloadClick: D } = cr("LockedAttachment"), [$, A] = B(!1), C = bs(l.id), {
-    Attachment: R = vs,
-    EditMessageModal: E = xs,
+  } = e, { client: y } = Ye("CustomMessage"), { channel: _ } = _e("CustomMessage"), { isUnlocking: I, onUnlockClick: M, onFetchSource: T, onDownloadClick: D } = cr("LockedAttachment"), [$, A] = B(!1), C = vs(l.id), {
+    Attachment: R = xs,
+    EditMessageModal: E = ws,
     MessageActions: S,
-    MessageBlocked: O = ws,
-    MessageBouncePrompt: j = _s,
-    MessageDeleted: z = ys,
-    MessageIsThreadReplyInChannelButtonIndicator: P = Ns,
-    MessageRepliesCountButton: q = ks,
-    ReminderNotification: G = Cs,
-    StreamedMessageText: Z = Ss,
+    MessageBlocked: O = _s,
+    MessageBouncePrompt: j = ys,
+    MessageDeleted: z = Ns,
+    MessageIsThreadReplyInChannelButtonIndicator: P = ks,
+    MessageRepliesCountButton: q = Cs,
+    ReminderNotification: G = Ss,
+    StreamedMessageText: Z = Es,
     PinIndicator: Y
-  } = gn("CustomMessage"), N = Es(l), L = Is(l), W = re(
+  } = gn("CustomMessage"), N = Is(l), L = Ts(l), W = re(
     () => m == null ? void 0 : m(l),
     [m, l]
   ), U = re(() => {
@@ -3972,25 +3975,25 @@ const eo = ({
     const Vt = ve.filter((Gt) => !("type" in Gt) || !We(Gt));
     return Vt.length === ve.length ? ve : Vt;
   }, [l]), ne = re(
-    () => Qn(U),
+    () => es(U),
     [U]
   ), K = re(() => {
-    const fe = In({ message: l, viewerLanguage: b });
+    const fe = Tn({ message: l, viewerLanguage: b });
     return fe === l.text ? l : { ...l, text: fe };
   }, [l, b]), te = ne.length > 0, se = ne.reduce(
     (fe, ve) => fe + ve.attachments.length,
     0
   ) === ((U == null ? void 0 : U.length) ?? 0), oe = (i == null ? void 0 : i[0]) ?? "", Fe = oe === "top" ? "first" : oe === "middle" ? "middle" : oe === "bottom" ? "end" : "single", me = oe === "single" || oe === "bottom";
-  if (Ts(l))
+  if (As(l))
     return null;
   if (l.deleted_at || l.type === "deleted")
     return /* @__PURE__ */ n(z, { message: l });
-  if (As(l))
+  if (Rs(l))
     return /* @__PURE__ */ n(O, {});
-  const ae = !w && !!l.reply_count, he = !w && l.show_in_channel && l.parent_id, le = l.status === "failed" && ((Mt = l.error) == null ? void 0 : Mt.status) !== 403, Et = Rs(l);
+  const ae = !w && !!l.reply_count, he = !w && l.show_in_channel && l.parent_id, le = l.status === "failed" && ((Mt = l.error) == null ? void 0 : Mt.status) !== 403, Et = Ls(l);
   let be;
   le ? be = () => u(l) : Et && (be = () => A(!0));
-  const ee = g(), is = k(
+  const ee = g(), os = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${l.type}`,
     `str-chat__message--${l.status}`,
@@ -4007,7 +4010,7 @@ const eo = ({
       "str-chat__virtual-message__wrapper--first": r,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Xe = l.poll_id && y.polls.fromState(l.poll_id), It = zn(l), Ne = je(l), os = ft(l), qe = !!(U != null && U.length && !l.quoted_message), Tt = Ne && ee && qe, ls = te && se && !l.quoted_message && !Xe && !W && !Ne, At = {
+  ), Xe = l.poll_id && y.polls.fromState(l.poll_id), It = Bn(l), Ne = je(l), ls = ft(l), qe = !!(U != null && U.length && !l.quoted_message), Tt = Ne && ee && qe, cs = te && se && !l.quoted_message && !Xe && !W && !Ne, At = {
     contentType: "text",
     amountText: (Ot = l.metadata) == null ? void 0 : Ot.amount_text,
     paymentStatus: (Pt = l.metadata) == null ? void 0 : Pt.payment_status,
@@ -4041,7 +4044,7 @@ const eo = ({
       }
     ),
     $ && /* @__PURE__ */ n(
-      Ls,
+      Ms,
       {
         MessageBouncePrompt: j,
         onClose: () => A(!1),
@@ -4051,7 +4054,7 @@ const eo = ({
     /* @__PURE__ */ f(
       "div",
       {
-        className: is,
+        className: os,
         "data-message-id": l.id,
         "data-dd-privacy": "mask",
         children: [
@@ -4124,7 +4127,7 @@ const eo = ({
                   !ee && S && /* @__PURE__ */ n(S, {})
                 ] }),
                 l.text && Lt
-              ] }) : ls ? /* @__PURE__ */ n(
+              ] }) : cs ? /* @__PURE__ */ n(
                 eo,
                 {
                   groupPosition: Fe,
@@ -4154,7 +4157,7 @@ const eo = ({
                         isMyMessage: ee
                       }
                     ),
-                    Xe && /* @__PURE__ */ n(Ms, { poll: Xe }),
+                    Xe && /* @__PURE__ */ n(Ds, { poll: Xe }),
                     U != null && U.length && !l.quoted_message ? /* @__PURE__ */ n(
                       R,
                       {
@@ -4182,7 +4185,7 @@ const eo = ({
               ) })
             }
           ),
-          !os && !It && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!Ne || Tt) && /* @__PURE__ */ n(
+          !ls && !It && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!Ne || Tt) && /* @__PURE__ */ n(
             en,
             {
               message: l,
@@ -4214,11 +4217,11 @@ const eo = ({
   to,
   (e, t) => {
     var s, a, r, i;
-    return e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || ((s = e.resolvedOutbound) == null ? void 0 : s.id) !== ((a = t.resolvedOutbound) == null ? void 0 : a.id) || ((r = e.resolvedOutbound) == null ? void 0 : r.name) !== ((i = t.resolvedOutbound) == null ? void 0 : i.name) ? !1 : ps(e, t);
+    return e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || ((s = e.resolvedOutbound) == null ? void 0 : s.id) !== ((a = t.resolvedOutbound) == null ? void 0 : a.id) || ((r = e.resolvedOutbound) == null ? void 0 : r.name) !== ((i = t.resolvedOutbound) == null ? void 0 : i.name) ? !1 : bs(e, t);
   }
 ), so = (e) => {
   var i;
-  const t = pe("CustomMessage"), s = ge(Fn), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
+  const t = pe("CustomMessage"), s = ge(zn), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
   return /* @__PURE__ */ n(
     no,
     {
@@ -4237,7 +4240,7 @@ const eo = ({
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(wa, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(_a, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, ro = () => {
@@ -4256,7 +4259,7 @@ const eo = ({
   var t;
   const { message: e } = pe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== ce.ATTACHMENT ? null : /* @__PURE__ */ n(
-    ka,
+    Ca,
     {
       messageActionSet: [
         { Component: ao, placement: "quick", type: "delete" },
@@ -4269,7 +4272,7 @@ const eo = ({
     (t) => st.previewIsLoaded(t) || st.previewIsLoading(t)
   )
 }), lo = () => {
-  const { linkPreviewsManager: e } = Ds(), { linkPreviews: t } = Os(
+  const { linkPreviewsManager: e } = Os(), { linkPreviews: t } = Ps(
     e.state,
     oo
   ), s = (r) => {
@@ -4344,12 +4347,12 @@ const eo = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ n(_a, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(ya, { weight: "bold", className: "size-4" })
   }
 ), cn = () => {
-  const e = ge(Ve), { handleSubmit: t } = Ps(), s = Fs(), a = e || !s, {
+  const e = ge(Ve), { handleSubmit: t } = Fs(), s = zs(), a = e || !s, {
     SendButton: r = uo,
-    AttachmentPreviewList: i = zs
+    AttachmentPreviewList: i = Bs
   } = gn("CustomMessageInput"), o = F.useRef(null);
   return F.useEffect(() => {
     const c = o.current;
@@ -4413,13 +4416,13 @@ const eo = ({
       "data-dd-privacy": "mask",
       children: [
         /* @__PURE__ */ f("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
-          /* @__PURE__ */ n(Bs, {}),
+          /* @__PURE__ */ n($s, {}),
           /* @__PURE__ */ n(lo, {}),
           /* @__PURE__ */ n(i, {})
         ] }),
         /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
           /* @__PURE__ */ n(
-            $s,
+            Us,
             {
               "aria-disabled": e || void 0,
               containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4551,7 +4554,9 @@ const eo = ({
 }, mo = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, ho = ["SYSTEM_AGE_SAFETY_BLOCKED"], fo = {
+}, ho = [
+  "SYSTEM_AGE_SAFETY_BLOCKED"
+], fo = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
 }, tt = "age safety guidelines.", go = "https://linktr.ee/s/about/contact", po = (e) => ho.includes(
   e
@@ -4566,7 +4571,7 @@ const eo = ({
       kind: "dm-agent",
       type: t
     };
-  if (Xs(t))
+  if (qs(t))
     return {
       kind: "age-safety",
       type: t
@@ -4612,7 +4617,7 @@ const eo = ({
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              ya,
+              Na,
               {
                 size: 16,
                 weight: "regular",
@@ -4638,7 +4643,7 @@ const eo = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Na,
+              ka,
               {
                 size: 24,
                 weight: "duotone",
@@ -4662,7 +4667,7 @@ const eo = ({
     ] }),
     !t && /* @__PURE__ */ n(Ze, { message: e.message })
   ] });
-}, es = Re(!1), nt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, ts = Re(!1), nt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4678,7 +4683,7 @@ const eo = ({
   Je.ExternalSources
 ]), yo = ({ threadList: e }) => {
   var v, w;
-  const { channel: t, channelConfig: s, thread: a } = _e(), { client: r } = Ye(), { typing: i = {} } = Us(), { aiState: o } = js(t), c = ge(es);
+  const { channel: t, channelConfig: s, thread: a } = _e(), { client: r } = Ye(), { typing: i = {} } = js(), { aiState: o } = Hs(t), c = ge(ts);
   if (!e && c && _o.has(o)) {
     const b = No(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ n(
@@ -4891,8 +4896,8 @@ const So = ({
     },
     [S, y, _]
   );
-  return /* @__PURE__ */ n(Fn.Provider, { value: O, children: /* @__PURE__ */ n(
-    Vs,
+  return /* @__PURE__ */ n(zn.Provider, { value: O, children: /* @__PURE__ */ n(
+    Gs,
     {
       overrides: {
         Message: q,
@@ -4900,7 +4905,7 @@ const So = ({
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ n(Gs, { children: $ ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ n(Ys, { children: $ ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ f(
           "div",
           {
@@ -4983,7 +4988,7 @@ const So = ({
       ] }) })
     }
   ) });
-}, ts = F.memo(
+}, ns = F.memo(
   ({
     channel: e,
     onBack: t,
@@ -5063,8 +5068,8 @@ const So = ({
           d
         ),
         style: Z,
-        children: /* @__PURE__ */ n(es.Provider, { value: p ?? !1, children: /* @__PURE__ */ n(
-          Hs,
+        children: /* @__PURE__ */ n(ts.Provider, { value: p ?? !1, children: /* @__PURE__ */ n(
+          Vs,
           {
             channel: e,
             MessageSystem: wo,
@@ -5113,7 +5118,7 @@ const So = ({
     );
   }
 );
-ts.displayName = "ChannelView";
+ns.displayName = "ChannelView";
 const Ee = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ f("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
@@ -5247,7 +5252,7 @@ const fl = ({
       onBack: R
     }
   ) : z ? /* @__PURE__ */ n(Ee, { message: z }) : q && !O ? /* @__PURE__ */ n(Ee, { message: "Conversation ended" }) : O ? /* @__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(
-    ts,
+    ns,
     {
       channel: O,
       renderMessageInputActions: t,
@@ -5282,7 +5287,7 @@ function Eo(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const ns = F.createContext({
+const ss = F.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5290,7 +5295,7 @@ const ns = F.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Io = ns.Provider, To = () => F.useContext(ns), Ao = (e, t) => {
+}), Io = ss.Provider, To = () => F.useContext(ss), Ao = (e, t) => {
   const s = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), a = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
   return Math.floor((a - s) / (1e3 * 60 * 60 * 24));
 }, Ro = (e) => {
@@ -5310,7 +5315,7 @@ const ns = F.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, ss = F.memo(
+}, as = F.memo(
   (e) => {
     var D, $, A;
     const { channel: t, unread: s } = e, {
@@ -5320,7 +5325,7 @@ const ns = F.createContext({
       channelPreview: o,
       renderMessagePreview: c,
       viewerLanguage: d
-    } = To(), { client: u } = Ye(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = kn(t);
+    } = To(), { client: u } = Ye(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = Cn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -5337,11 +5342,11 @@ const ns = F.createContext({
     }, l = (C) => {
       const R = C.key === "Enter" || C.key === " ", E = C.repeat;
       !R || E || (C.preventDefault(), g());
-    }, v = Cn(
+    }, v = Sn(
       (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = Sn(v == null ? void 0 : v.user), b = ($ = v == null ? void 0 : v.user) == null ? void 0 : $.image, x = (() => {
+    ), w = En(v == null ? void 0 : v.user), b = ($ = v == null ? void 0 : v.user) == null ? void 0 : $.image, x = (() => {
       var R;
       const C = (R = t == null ? void 0 : t.state) == null ? void 0 : R.messages;
       if (C != null && C.length) {
@@ -5350,7 +5355,7 @@ const ns = F.createContext({
       }
     })(), y = (() => {
       var O;
-      const C = In({
+      const C = Tn({
         message: x,
         viewerLanguage: d
       }), { custom_type: R, attachment_content_type: E } = (x == null ? void 0 : x.metadata) || {};
@@ -5426,7 +5431,7 @@ const ns = F.createContext({
     );
   }
 );
-ss.displayName = "CustomChannelPreview";
+as.displayName = "CustomChannelPreview";
 const Lo = { last_message_at: -1 }, Mo = F.memo(
   ({
     onChannelSelect: e,
@@ -5437,7 +5442,7 @@ const Lo = { last_message_at: -1 }, Mo = F.memo(
     sort: i = Lo,
     className: o,
     customEmptyStateIndicator: c,
-    channelListPaginator: d = Ws,
+    channelListPaginator: d = Ks,
     channelPreview: u,
     renderMessagePreview: h,
     viewerLanguage: m,
@@ -5489,7 +5494,7 @@ const Lo = { last_message_at: -1 }, Mo = F.memo(
           o
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Io, { value: I, children: /* @__PURE__ */ n(
-          Ys,
+          Ws,
           {
             filters: s,
             sort: i,
@@ -5503,7 +5508,7 @@ const Lo = { last_message_at: -1 }, Mo = F.memo(
             onAddedToChannel: b,
             onChannelUpdated: x,
             Paginator: d,
-            Preview: ss,
+            Preview: as,
             EmptyStateIndicator: c
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -5528,7 +5533,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
         a ? "mt-3 flex-col" : "min-w-0 max-w-[60%] flex-row flex-wrap justify-end"
       ),
       children: t.map((r, i) => /* @__PURE__ */ n(
-        Bn,
+        $n,
         {
           variant: e,
           cta: r,
@@ -5667,7 +5672,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       onImageError: i
     }
   )
-) }), as = ({
+) }), rs = ({
   variant: e,
   title: t,
   subtitle: s,
@@ -5679,7 +5684,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   accentColor: d,
   groupPosition: u = "single"
 }) => {
-  const h = qs({
+  const h = Zs({
     imagePresentation: i,
     images: r
   }), m = r.length > 0, g = m && h === "hero", l = Ke({
@@ -5729,7 +5734,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       )
     }
   );
-}, Go = (e) => /* @__PURE__ */ n(as, { ...e, variant: "dark" }), Yo = (e) => /* @__PURE__ */ n(as, { ...e, variant: "light" }), gl = {
+}, Go = (e) => /* @__PURE__ */ n(rs, { ...e, variant: "dark" }), Yo = (e) => /* @__PURE__ */ n(rs, { ...e, variant: "light" }), gl = {
   Sent: Go,
   Received: Yo
 }, fn = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, Wo = {
@@ -5759,7 +5764,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, rs = ({
+}, is = ({
   variant: e,
   text: t,
   tail: s = !0,
@@ -5791,7 +5796,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   header: s,
   className: a
 }) => /* @__PURE__ */ n(
-  rs,
+  is,
   {
     variant: "received",
     text: e,
@@ -5799,7 +5804,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     header: s,
     className: a
   }
-), Zo = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(rs, { variant: "sent", text: e, tail: t, className: s }), pl = {
+), Zo = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(is, { variant: "sent", text: e, tail: t, className: s }), pl = {
   Sent: Zo,
   Received: qo
 }, Jo = ({
@@ -5833,7 +5838,7 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   avatarImage: i,
   avatarName: o
 }) => {
-  const c = Zs(e);
+  const c = Js(e);
   return c.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ f("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
       ye,
@@ -5867,11 +5872,11 @@ const Do = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   ] }) });
 };
 export {
-  An as A,
+  Rn as A,
   mt as B,
   ko as C,
   ht as D,
-  Sn as E,
+  En as E,
   bl as F,
   hl as G,
   cr as H,
@@ -5884,7 +5889,7 @@ export {
   ke as a,
   ye as b,
   Mo as c,
-  ts as d,
+  ns as d,
   ul as e,
   Jo as f,
   ue as g,
@@ -5900,12 +5905,12 @@ export {
   Ro as q,
   we as r,
   ri as s,
-  In as t,
+  Tn as t,
   We as u,
-  zn as v,
+  Bn as v,
   Ta as w,
   ml as x,
   $a as y,
-  Cn as z
+  Sn as z
 };
-//# sourceMappingURL=index-6RdyZh6F.js.map
+//# sourceMappingURL=index-CT_7H4Gc.js.map