@linktr.ee/messaging-react 4.1.8 → 4.1.9-rc-1787325645

package/dist/{index-l73T0G4A.js → index-B6hhiZHx.js}

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as f, Fragment as q } from "react/jsx-runtime";
-import P, { createContext as Ve, useContext as we, useCallback as X, useState as B, useRef as V, useEffect as K, useId as ls, Suspense as os, useMemo as oe } from "react";
-import { StreamChatService as cs } from "@linktr.ee/messaging-core";
-import { StreamChat as ds, LinkPreviewsManager as nt } from "stream-chat";
-import { Chat as us, useChannelStateContext as _e, useChatContext as Ge, DateSeparator as ms, useMessageContext as ge, MessageStatus as hs, MessageErrorIcon as st, MessageText as Be, areMessageUIPropsEqual as fs, useMessageReminder as gs, useComponentContext as fn, Attachment as ps, EditMessageModal as bs, MessageBlocked as vs, MessageBouncePrompt as xs, MessageDeleted as ws, MessageIsThreadReplyInChannelButtonIndicator as _s, MessageRepliesCountButton as ys, ReminderNotification as Ns, StreamedMessageText as ks, messageHasAttachments as Cs, messageHasReactions as Ss, isDateSeparatorMessage as Es, isMessageBlocked as Is, isMessageBounced as Ts, MessageBounceModal as As, Poll as Rs, useMessageComposer as Ls, useStateStore as Ms, MessageInput as Gt, useMessageInputContext as Ds, useMessageComposerHasSendableData as Os, AttachmentPreviewList as Ps, QuotedMessagePreview as Fs, TextareaComposer as zs, MessageTimestamp as qe, AIStates as Ze, useTypingContext as Bs, useAIState as $s, Channel as Us, WithComponents as js, Window as Hs, MessageList as Yt, ChannelList as Vs, InfiniteScroll as Gs } from "stream-chat-react";
-import { isOfficialChannel as gn, OFFICIAL_SENDER_USER_ID as Ys, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as Wt, isAgeSafetySystemType as Ws, resolveRichCardImagePresentation as Ks, selectEnabledFaqs as Xs } from "@linktr.ee/messaging-taxonomy";
+import P, { createContext as Ve, useContext as we, useCallback as X, useState as B, useRef as V, useEffect as K, useId as os, Suspense as cs, useMemo as oe } from "react";
+import { StreamChatService as ds } from "@linktr.ee/messaging-core";
+import { StreamChat as us, LinkPreviewsManager as st } from "stream-chat";
+import { Chat as ms, useChannelStateContext as _e, useChatContext as Ge, DateSeparator as hs, useMessageContext as ge, MessageStatus as fs, MessageErrorIcon as at, MessageText as Be, areMessageUIPropsEqual as gs, useMessageReminder as ps, useComponentContext as gn, Attachment as bs, EditMessageModal as vs, MessageBlocked as xs, MessageBouncePrompt as ws, MessageDeleted as _s, MessageIsThreadReplyInChannelButtonIndicator as ys, MessageRepliesCountButton as Ns, ReminderNotification as ks, StreamedMessageText as Cs, messageHasAttachments as Ss, messageHasReactions as Es, isDateSeparatorMessage as Is, isMessageBlocked as Ts, isMessageBounced as As, MessageBounceModal as Rs, Poll as Ls, useMessageComposer as Ms, useStateStore as Ds, MessageInput as Yt, useMessageInputContext as Os, useMessageComposerHasSendableData as Ps, AttachmentPreviewList as Fs, QuotedMessagePreview as zs, TextareaComposer as Bs, MessageTimestamp as qe, AIStates as Ze, useTypingContext as $s, useAIState as Us, Channel as js, WithComponents as Hs, Window as Vs, MessageList as Wt, ChannelList as Gs, InfiniteScroll as Ys } from "stream-chat-react";
+import { isOfficialChannel as pn, OFFICIAL_SENDER_USER_ID as Ws, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as Kt, isAgeSafetySystemType as Ks, resolveRichCardImagePresentation as Xs, selectEnabledFaqs as qs } from "@linktr.ee/messaging-taxonomy";
 import k from "classnames";
-import { StarIcon as at, DotsThreeIcon as qs, SpinnerGapIcon as Pe, SignOutIcon as Zs, ProhibitInsetIcon as Kt, FlagIcon as pn, CurrencyDollarIcon as Js, CaretRightIcon as bn, ArrowLeftIcon as Qs, FileIcon as vn, ImageIcon as ea, SpeakerHighIcon as ta, VideoCameraIcon as xn, FileMdIcon as na, FileTextIcon as sa, FileZipIcon as aa, FilePptIcon as ra, FileCsvIcon as ia, FileXlsIcon as la, FileDocIcon as oa, FilePdfIcon as ca, CircleNotchIcon as ve, PlayIcon as rt, PauseIcon as da, LinkIcon as ua, DownloadSimpleIcon as Ee, GiftIcon as ma, WarningCircleIcon as ha, MegaphoneIcon as fa, ChecksIcon as ga, XIcon as lt, PencilSimpleIcon as pa, CaretLeftIcon as ba, TrashSimpleIcon as va, ArrowUpIcon as xa, SparkleIcon as wa, ProhibitIcon as _a } from "@phosphor-icons/react";
-import { MessageActions as ya, DefaultDropdownActionButton as wn } from "stream-chat-react/experimental";
-const _n = Ve({
+import { StarIcon as rt, DotsThreeIcon as Zs, SpinnerGapIcon as Pe, SignOutIcon as Js, ProhibitInsetIcon as Xt, FlagIcon as bn, CurrencyDollarIcon as Qs, CaretRightIcon as vn, ArrowLeftIcon as ea, FileIcon as xn, ImageIcon as ta, SpeakerHighIcon as na, VideoCameraIcon as wn, FileMdIcon as sa, FileTextIcon as aa, FileZipIcon as ra, FilePptIcon as ia, FileCsvIcon as la, FileXlsIcon as oa, FileDocIcon as ca, FilePdfIcon as da, CircleNotchIcon as ve, PlayIcon as it, PauseIcon as ua, LinkIcon as ma, DownloadSimpleIcon as Ee, GiftIcon as ha, WarningCircleIcon as fa, MegaphoneIcon as ga, ChecksIcon as pa, XIcon as ot, PencilSimpleIcon as ba, CaretLeftIcon as va, TrashSimpleIcon as xa, ArrowUpIcon as wa, SparkleIcon as _a, ProhibitIcon as ya } from "@phosphor-icons/react";
+import { MessageActions as Na, DefaultDropdownActionButton as _n } from "stream-chat-react/experimental";
+const yn = Ve({
   service: null,
   client: null,
   isConnected: !1,
@@ -17,7 +17,7 @@ const _n = Ve({
   refreshConnection: async () => {
   },
   debug: !1
-}), ot = () => we(_n), so = ({
+}), ct = () => we(yn), so = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -65,7 +65,7 @@ const _n = Ve({
     capabilities: r
   };
   const z = V(null);
-  !o && a && ((I = z.current) == null ? void 0 : I.apiKey) !== a && (z.current = { apiKey: a, client: new ds(a) });
+  !o && a && ((I = z.current) == null ? void 0 : I.apiKey) !== a && (z.current = { apiKey: a, client: new us(a) });
   const F = o || (a ? ((C = z.current) == null ? void 0 : C.client) ?? null : null);
   K(() => {
     const S = R.current, O = _.current;
@@ -84,7 +84,7 @@ const _n = Ve({
       renderCount: S,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const U = new cs({
+    const U = new ds({
       ...O,
       apiKey: a,
       debug: T.current,
@@ -215,8 +215,8 @@ const _n = Ve({
     renderCount: R.current,
     willRenderChat: !!F,
     contextValueReady: !!D
-  }), /* @__PURE__ */ n(_n.Provider, { value: D, children: F ? /* @__PURE__ */ n(
-    us,
+  }), /* @__PURE__ */ n(yn.Provider, { value: D, children: F ? /* @__PURE__ */ n(
+    ms,
     {
       client: F,
       customClasses: {
@@ -225,7 +225,7 @@ const _n = Ve({
       children: e
     }
   ) : e });
-}, Na = () => ot(), yn = (e) => {
+}, ka = () => ct(), Nn = (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)
@@ -248,13 +248,13 @@ const _n = Ve({
     };
   }, [e]), t;
 };
-function Nn(e, t, s) {
+function kn(e, t, s) {
   const a = Object.values(e || {});
-  if (gn(s)) {
+  if (pn(s)) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === Ys;
+        return ((o = i.user) == null ? void 0 : o.id) === Ws;
       }
     );
     if (r) return r;
@@ -266,18 +266,18 @@ function Nn(e, t, s) {
     }
   );
 }
-const ka = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function Ca(e) {
-  return ka.test(e.trim());
+const Ca = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function Sa(e) {
+  return Ca.test(e.trim());
 }
-function Xt(e, t) {
+function qt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !Ca(s);
+  return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !Sa(s);
 }
-function kn(e) {
-  return Xt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Xt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function Cn(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 qt = [
+const Zt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -305,7 +305,7 @@ const qt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function Sa(e) {
+function Ea(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -313,14 +313,14 @@ function Sa(e) {
   }
   return Math.abs(t);
 }
-function Cn(e) {
-  return qt[Sa(e) % qt.length];
-}
-function Ea(e) {
-  return Cn(e).emoji;
+function Sn(e) {
+  return Zt[Ea(e) % Zt.length];
 }
 function Ia(e) {
-  return Cn(e).bgColor;
+  return Sn(e).emoji;
+}
+function Ta(e) {
+  return Sn(e).bgColor;
 }
 const ye = ({
   id: e,
@@ -331,7 +331,7 @@ const ye = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Ea(e), d = Ia(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ n(
+  const l = Ia(e), d = Ta(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ n(
     "div",
     {
       "aria-hidden": "true",
@@ -359,7 +359,7 @@ const ye = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(at, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(rt, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
@@ -382,7 +382,7 @@ const ye = ({
       ]
     }
   );
-}, Ta = "https://linktr.ee/s/about/trust-center/report", Aa = ({
+}, Aa = "https://linktr.ee/s/about/trust-center/report", Ra = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -396,7 +396,7 @@ const ye = ({
   logLabel: h = "useChannelModerationActions"
 }) => {
   var D;
-  const { service: m, debug: g } = ot(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, b = !!(a && s && m && c), [w, v] = B(!1), [x, p] = B(null), [y, _] = B(!1), [T, A] = B(!1), R = b && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
+  const { service: m, debug: g } = ct(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, b = !!(a && s && m && c), [w, v] = B(!1), [x, p] = B(null), [y, _] = B(!1), [T, A] = B(!1), R = b && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
   return K(() => {
     if (!b || !m || !c) {
       v(!1), p(null);
@@ -466,7 +466,7 @@ const ye = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(Ta, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(Aa, "_blank", "noopener,noreferrer");
     }
   };
 }, ke = ({
@@ -486,7 +486,7 @@ const ye = ({
     ...a,
     children: s
   }
-), Ra = ({
+), La = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -500,7 +500,7 @@ const ye = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = B(!1), b = V(null), w = ls(), v = X(() => c(!1), []), {
+  const [g, c] = B(!1), b = V(null), w = os(), v = X(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: p,
     isLeaving: y,
@@ -509,7 +509,7 @@ const ye = ({
     handleBlockUser: A,
     handleUnblockUser: R,
     handleReportUser: z
-  } = Aa({
+  } = Ra({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -543,7 +543,7 @@ const ye = ({
         "aria-controls": g ? w : void 0,
         onClick: () => c((L) => !L),
         children: [
-          /* @__PURE__ */ n(qs, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(Zs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -565,7 +565,7 @@ const ye = ({
               disabled: y,
               "aria-busy": y,
               children: [
-                y ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Zs, { className: "h-5 w-5" }),
+                y ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Js, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -584,7 +584,7 @@ const ye = ({
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Kt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Xt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
@@ -595,13 +595,13 @@ const ye = ({
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Kt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Xt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
           r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(ke, { variant: "danger", onClick: z, children: [
-            /* @__PURE__ */ n(pn, { className: "h-5 w-5" }),
+            /* @__PURE__ */ n(bn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
           h
@@ -609,7 +609,7 @@ const ye = ({
       }
     )
   ] });
-}, Je = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", La = "CUSTOMER_PAID", Ma = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === La, Da = ({
+}, Je = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Ma = "CUSTOMER_PAID", Da = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ma, Oa = ({
   className: e,
   onBack: t,
   showBackButton: s,
@@ -631,14 +631,14 @@ const ye = ({
   const { channel: v } = _e(), { client: x } = Ge(), p = P.useMemo(
     () => {
       var S;
-      return Nn(
+      return kn(
         (S = v.state) == null ? void 0 : S.members,
         x == null ? void 0 : x.userID,
         v.type
       );
     },
     [(E = v.state) == null ? void 0 : E.members, x == null ? void 0 : x.userID, v.type]
-  ), y = kn(p == null ? void 0 : p.user), _ = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, T = yn(v), A = Ma((I = v.data) == null ? void 0 : I.customer_tag) && (p == null ? void 0 : p.is_follower) === !0, R = a && T, z = A || R || !!w, F = async () => {
+  ), y = Cn(p == null ? void 0 : p.user), _ = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, T = Nn(v), A = Da((I = v.data) == null ? void 0 : I.customer_tag) && (p == null ? void 0 : p.is_follower) === !0, R = a && T, z = A || R || !!w, F = async () => {
     try {
       T ? await v.unpin() : await v.pin();
     } catch (S) {
@@ -674,7 +674,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(Js, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ n(Qs, { className: "size-2.5", weight: "bold" })
               }
             ),
             R && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
@@ -682,11 +682,11 @@ const ye = ({
               {
                 "aria-label": "Starred conversation",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-                children: /* @__PURE__ */ n(at, { className: "size-2.5", weight: "fill" })
+                children: /* @__PURE__ */ n(rt, { className: "size-2.5", weight: "fill" })
               }
             ) }),
             w && /* @__PURE__ */ n(
-              bn,
+              vn,
               {
                 "aria-hidden": "true",
                 className: "size-4 shrink-0 text-black/65",
@@ -717,7 +717,7 @@ const ye = ({
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Qs, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(ea, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ n("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: w ? /* @__PURE__ */ n(
@@ -740,7 +740,7 @@ const ye = ({
               "aria-pressed": T,
               "aria-label": T ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ n(
-                at,
+                rt,
                 {
                   className: k("size-5", {
                     "text-[#FFD60A]": T,
@@ -752,7 +752,7 @@ const ye = ({
             }
           ),
           b && (c !== void 0 ? c : /* @__PURE__ */ n(
-            Ra,
+            La,
             {
               channel: v,
               participant: p,
@@ -772,40 +772,40 @@ const ye = ({
       ] })
     }
   );
-}, Oa = (e) => /* @__PURE__ */ n(ms, { ...e, position: "center" });
-function Pa(e) {
+}, Pa = (e) => /* @__PURE__ */ n(hs, { ...e, position: "center" });
+function Fa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Sn({
+function En({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Pa(t);
+  const s = e == null ? void 0 : e.text, a = Fa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Fa = ["linktr.ee"], Zt = "messaging-attachment-v1_0";
-function za(e) {
+const za = ["linktr.ee"], Jt = "messaging-attachment-v1_0";
+function Ba(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function Ba(e) {
-  return Fa.some(
+function $a(e) {
+  return za.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function de(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const s = za(t);
-  if (!s || !Ba(s)) return t;
+  const s = Ba(t);
+  if (!s || !$a(s)) return t;
   const a = new URL(t);
-  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Zt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Zt), a.toString());
+  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Jt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Jt), a.toString());
 }
-const $a = [
+const Ua = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -818,39 +818,39 @@ const $a = [
 function ue(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function En(e) {
-  const t = $a.find(
+function In(e) {
+  const t = Ua.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ua = {
-  video: xn,
-  audio: ta,
-  image: ea,
-  document: vn
-}, ja = {
-  pdf: ca,
-  doc: oa,
-  xls: la,
-  csv: ia,
-  ppt: ra,
-  zip: aa,
-  text: sa,
-  markdown: na,
-  generic: vn
+const ja = {
+  video: wn,
+  audio: na,
+  image: ta,
+  document: xn
+}, Ha = {
+  pdf: da,
+  doc: ca,
+  xls: oa,
+  csv: la,
+  ppt: ia,
+  zip: ra,
+  text: aa,
+  markdown: sa,
+  generic: xn
 };
-function Ha(e) {
+function Va(e) {
   const t = ue(e);
-  return t !== "document" ? Ua[t] : ja[En(e)];
+  return t !== "document" ? ja[t] : Ha[In(e)];
 }
 function xe(e, t) {
-  return P.createElement(Ha(e), t);
+  return P.createElement(Va(e), t);
 }
-const Va = (e) => {
+const Ga = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, Ga = ({
+}, Ya = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -870,7 +870,7 @@ const Va = (e) => {
     const Y = M.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Va(N) - Y.left) / Y.width)
+      Math.min(1, (Ga(N) - Y.left) / Y.width)
     );
   }, []), U = X((N) => {
     const M = m.current;
@@ -1014,7 +1014,7 @@ const Va = (e) => {
             onKeyDown: (N) => {
               N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.stopPropagation(), S());
             },
-            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(rt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(it, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
@@ -1051,7 +1051,7 @@ const Va = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(da, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(ua, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(it, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1099,7 +1099,7 @@ const Va = (e) => {
       ]
     }
   );
-}, Jt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ya = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", In = ({
+}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Qe = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Tn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1110,7 +1110,7 @@ const Va = (e) => {
 }) => {
   const l = ue(e), [d, u] = B(!1), h = de(t), m = de(s);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    Ga,
+    Ya,
     {
       source: t,
       mimeType: e,
@@ -1118,7 +1118,7 @@ const Va = (e) => {
       controls: !0,
       ...i
     }
-  ) : t && l === "image" ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && l === "image" ? o ? /* @__PURE__ */ n("div", { className: `relative ${Qe(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: h ?? t,
@@ -1135,7 +1135,7 @@ const Va = (e) => {
       className: "block w-full",
       draggable: !1
     }
-  ) : t && l === "document" ? s ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && l === "document" ? s ? o ? /* @__PURE__ */ n("div", { className: `relative ${Qe(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: m ?? s,
@@ -1157,11 +1157,11 @@ const Va = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: xe(e, {
-        className: Jt(r),
+        className: Qt(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${Ya(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${Qe(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: m ?? s,
@@ -1174,12 +1174,12 @@ const Va = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: xe(e, {
-        className: Jt(r),
+        className: Qt(r),
         weight: "regular"
       })
     }
   );
-}, Tn = ({
+}, An = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1245,10 +1245,10 @@ const Va = (e) => {
     }
   );
 };
-function An(e) {
+function Rn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ct(e) {
+function dt(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function Wa(e) {
@@ -1266,7 +1266,7 @@ function qa(e) {
 function Za(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const dt = ({ attachment: e, isMyMessage: t }) => {
+const ut = ({ attachment: e, isMyMessage: t }) => {
   const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, u = /* @__PURE__ */ f(P.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
@@ -1279,7 +1279,7 @@ const dt = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${Wa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(ua, { className: `size-12 ${Za(t)}` })
+        children: /* @__PURE__ */ n(ma, { className: `size-12 ${Za(t)}` })
       }
     ) }),
     /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
@@ -1321,7 +1321,7 @@ function Ye(e) {
   var t;
   return e.type === "link" || !!((t = e.og_scrape_url) != null && t.trim()) && !e.asset_url;
 }
-function ut(e) {
+function mt(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(Ye);
 }
@@ -1370,7 +1370,7 @@ const Qa = ({
     }
   );
 };
-function mt(e) {
+function ht(e) {
   var m, g, c, b;
   const t = (m = e.attachments) == null ? void 0 : m.find(
     (w) => w.type === "video" && w.asset_url
@@ -1391,16 +1391,16 @@ function mt(e) {
     thumbnailUrl: h
   };
 }
-const Rn = ({
+const Ln = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? An(a) : void 0;
+  const i = a !== void 0 ? Rn(a) : void 0;
   return /* @__PURE__ */ n(
-    Tn,
+    An,
     {
       variant: "dark",
       title: s,
@@ -1408,7 +1408,7 @@ const Rn = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        In,
+        Tn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1419,23 +1419,23 @@ const Rn = ({
       )
     }
   );
-}, Ln = ({
+}, Mn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ue(t), o = a !== void 0 ? An(a) : void 0;
+  const i = ue(t), o = a !== void 0 ? Rn(a) : void 0;
   return /* @__PURE__ */ n(
-    Tn,
+    An,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        In,
+        Tn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1452,7 +1452,7 @@ const Rn = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = ut(e), a = mt(e);
+  const s = mt(e), a = ht(e);
   return !s && !a ? null : /* @__PURE__ */ f("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ n(
       ye,
@@ -1479,13 +1479,13 @@ const Rn = ({
               overflow: "visible",
               background: "transparent"
             },
-            children: s ? /* @__PURE__ */ n("div", { className: ct(t), children: /* @__PURE__ */ n(
-              dt,
+            children: s ? /* @__PURE__ */ n("div", { className: dt(t), children: /* @__PURE__ */ n(
+              ut,
               {
                 attachment: s,
                 isMyMessage: t
               }
-            ) }) : t ? /* @__PURE__ */ n(Rn, { ...a }) : /* @__PURE__ */ n(Ln, { ...a })
+            ) }) : t ? /* @__PURE__ */ n(Ln, { ...a }) : /* @__PURE__ */ n(Mn, { ...a })
           }
         ) })
       }
@@ -1494,19 +1494,19 @@ const Rn = ({
 }, tr = ({
   message: e
 }) => {
-  const t = ut(e);
+  const t = mt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: ct(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !0 }) });
-  const s = mt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Rn, { ...s }) }) : null;
+    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(Ln, { ...s }) }) : null;
 }, nr = ({
   message: e
 }) => {
-  const t = ut(e);
+  const t = mt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: ct(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !1 }) });
-  const s = mt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Ln, { ...s }) }) : null;
+    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(Mn, { ...s }) }) : null;
 }, ao = Object.assign(er, {
   Creator: tr,
   Visitor: nr
@@ -1514,17 +1514,17 @@ const Rn = ({
   isUnlocking: () => !1
 }, ar = {
   LockedAttachment: sr
-}, Mn = Ve({}), ro = Mn.Provider;
+}, Dn = Ve({}), ro = Dn.Provider;
 function rr(e) {
-  return we(Mn)[e] ?? ar[e];
+  return we(Dn)[e] ?? ar[e];
 }
-const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import("./Card-B5YUxWCs.js")), or = () => /* @__PURE__ */ n(
+const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import("./Card-DJ0YiWXB.js")), or = () => /* @__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
   }
-), Fe = (e) => /* @__PURE__ */ n(os, { fallback: /* @__PURE__ */ n(or, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ir, { ...e }) : /* @__PURE__ */ n(lr, { ...e }) }), cr = ({ size: e = 15 }) => /* @__PURE__ */ n(
+), Fe = (e) => /* @__PURE__ */ n(cs, { fallback: /* @__PURE__ */ n(or, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ir, { ...e }) : /* @__PURE__ */ n(lr, { ...e }) }), cr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1541,37 +1541,37 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import(
       }
     )
   }
-), Dn = (e) => {
+), On = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.PAID;
 }, $e = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.CHATBOT;
-}, ht = (e) => {
+}, ft = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.ATTACHMENT;
 }, dr = (e) => {
   var t;
-  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
+  return ft(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
 }, ur = (e) => {
   var t;
-  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
+  return ft(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
 }, mr = (e) => {
   var t;
-  return Dn(e) && !!((t = e.metadata) != null && t.amount_text);
-}, Qt = ({
+  return On(e) && !!((t = e.metadata) != null && t.amount_text);
+}, en = ({
   message: e,
   isMyMessage: t = !1,
   hasAttachment: s = !1
 }) => {
   var m;
-  const a = Dn(e), r = $e(e);
+  const a = On(e), r = $e(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(ma, { size: 12 }),
+      /* @__PURE__ */ n(ha, { size: 12 }),
       /* @__PURE__ */ f("span", { children: [
         "Delivered with ",
         g,
@@ -1594,7 +1594,7 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import(
       ] })
     }
   );
-}, en = `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%`, hr = {
+}, tn = `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%`, hr = {
   me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
 }, Ue = ({ side: e }) => /* @__PURE__ */ n(
@@ -1608,11 +1608,11 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import(
       transform: e === "other" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
       backgroundColor: hr[e],
-      WebkitMask: en,
-      mask: en
+      WebkitMask: tn,
+      mask: tn
     }
   }
-), On = Ve(
+), Pn = Ve(
   void 0
 ), fr = (e) => {
   var s;
@@ -1650,7 +1650,7 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import(
 }, br = (e, t) => {
   const s = gr(e, t), [a, r] = B(s);
   return pr(a, s) ? a : (r(s), s);
-}, Pn = (e) => {
+}, Fn = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.TIP;
 }, vr = ({ message: e }) => {
@@ -1670,7 +1670,7 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import(
       " tip!"
     ] })
   ] }) : null;
-}, ft = () => {
+}, gt = () => {
   const { message: e } = ge("SentMessageDeliveryStatus"), { messages: t } = _e("SentMessageDeliveryStatus"), s = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
@@ -1680,10 +1680,10 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import(
       }
   })();
   return e.id === s;
-}, ze = () => ft() ? /* @__PURE__ */ f(q, { children: [
-  /* @__PURE__ */ n(ga, { weight: "bold", "aria-hidden": "true" }),
+}, ze = () => gt() ? /* @__PURE__ */ f(q, { children: [
+  /* @__PURE__ */ n(pa, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, xr = () => ft() ? /* @__PURE__ */ f(q, { children: [
+] }) : null, xr = () => gt() ? /* @__PURE__ */ f(q, { children: [
   /* @__PURE__ */ n(
     ve,
     {
@@ -1698,7 +1698,7 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.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(fa, { weight: "fill" }) }),
+    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(ga, { weight: "fill" }) }),
     /* @__PURE__ */ n(
       "span",
       {
@@ -1721,7 +1721,7 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import(
     }
   ) : r;
 }, _r = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
-  /* @__PURE__ */ n(ha, { weight: "bold", "aria-hidden": "true" }),
+  /* @__PURE__ */ n(fa, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
 ] }), yr = ({
   onOutboundClick: e,
@@ -1730,7 +1730,7 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import(
   var h;
   const { isMyMessage: s, message: a, threadList: r } = ge(
     "SentMessageDeliveryStatus"
-  ), i = s(), o = ft();
+  ), i = s(), o = gt();
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
@@ -1744,12 +1744,12 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import(
       onOutboundClick: e
     }
   ) : null, u = mr(a) ? null : /* @__PURE__ */ n(
-    hs,
+    fs,
     {
       MessageSentStatus: ze,
       MessageDeliveredStatus: ze,
       MessageReadStatus: ze,
-      MessageSendingStatus: Pn(a) ? ze : xr
+      MessageSendingStatus: Fn(a) ? ze : xr
     }
   );
   return d ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
@@ -1758,7 +1758,7 @@ const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import(
     d
   ] }) : u;
 }, Nr = /^([a-z][a-z0-9+.-]*):/i, kr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function gt(e) {
+function pt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
@@ -1778,7 +1778,7 @@ const Cr = {
     primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
     secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
   }
-}, Fn = ({
+}, zn = ({
   variant: e,
   cta: t,
   fullWidth: s = !0,
@@ -1789,7 +1789,7 @@ const Cr = {
     s ? "w-full" : "min-w-0",
     !a && "mt-2",
     Cr[e][r]
-  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = gt(t.href);
+  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = pt(t.href);
   return l ? /* @__PURE__ */ n(
     "a",
     {
@@ -1818,13 +1818,13 @@ const Cr = {
 }, Sr = {
   dark: "text-white",
   light: "text-black/90"
-}, Er = "text-white/30", tn = {
+}, Er = "text-white/30", nn = {
   dark: "text-white/55",
   light: "text-black/55"
 }, Ir = {
   dark: "bg-white/25",
   light: "bg-black/15"
-}, pt = ({
+}, bt = ({
   variant: e,
   ctaSurface: t,
   chinTextColor: s,
@@ -1846,11 +1846,11 @@ const Cr = {
     s == null && (y ? Er : Sr[e])
   ), T = k(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
-    s == null && tn[e]
+    s == null && nn[e]
   ), A = k(
     "text-[12px] leading-4 tracking-[0.24px]",
     o <= 1 && "truncate",
-    s == null && tn[e]
+    s == null && nn[e]
   );
   if (m) {
     const F = k(
@@ -1896,7 +1896,7 @@ const Cr = {
       ] }),
       h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
     ] }),
-    u && /* @__PURE__ */ n(Fn, { variant: t ?? e, cta: u })
+    u && /* @__PURE__ */ n(zn, { variant: t ?? e, cta: u })
   ] });
 }, Tr = "Loading link preview", Ar = k(
   // Width is a channel-scoped token: default 290px, but a read-only surface with no
@@ -1998,17 +1998,17 @@ const Cr = {
       ]
     }
   );
-}, nn = {
+}, sn = {
   dark: "bg-white/10",
   light: "bg-black/5"
 }, Lr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ae = (e, t) => !!t && !!e && ue(e) === "audio", bt = (e, t) => {
+}, Ae = (e, t) => !!t && !!e && ue(e) === "audio", vt = (e, t) => {
   if (!t || !e) return !1;
   const s = ue(e);
   return s === "video" || s === "audio";
-}, vt = "bg-[#F2F3F4]", Te = ({
+}, xt = "bg-[#F2F3F4]", Te = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -2051,7 +2051,7 @@ const Cr = {
             {
               className: k(
                 "h-full w-full animate-pulse",
-                nn[e]
+                sn[e]
               ),
               "aria-hidden": !0
             }
@@ -2095,7 +2095,7 @@ const Cr = {
           {
             className: k(
               "flex h-full w-full items-center justify-center",
-              nn[e]
+              sn[e]
             ),
             children: xe(r, {
               className: Lr[e],
@@ -2113,9 +2113,9 @@ function Dr(e) {
   const t = e.trim();
   return t.startsWith("#") ? t : `#${t}`;
 }
-const Or = "#FFFFFF", zn = "#040403", Pr = {
+const Or = "#FFFFFF", Bn = "#040403", Pr = {
   dark: Or,
-  light: zn
+  light: Bn
 };
 function We({
   variant: e,
@@ -2132,7 +2132,7 @@ function We({
   }, [r]);
   const u = P.useCallback(() => {
     d(!0);
-  }, []), h = Ae(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Mr.test(t.trim()) ? Dr(t) : void 0, b = h ? zn : Pr[e];
+  }, []), h = Ae(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Mr.test(t.trim()) ? Dr(t) : void 0, b = h ? Bn : Pr[e];
   return {
     thumbnailUrl: l ? void 0 : r,
     accentHex: c,
@@ -2178,7 +2178,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         Fr,
         !x && zr
       ),
-      children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(ot, { className: "size-3", weight: "bold" })
     }
   ) : void 0, _ = b ? /* @__PURE__ */ n(
     "button",
@@ -2187,10 +2187,10 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: b,
       "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(pa, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(ba, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return x && !p.isLoading ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
+  return x && !p.isLoading ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: xt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
       Te,
       {
@@ -2224,7 +2224,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           }
         ),
         /* @__PURE__ */ n(
-          pt,
+          bt,
           {
             chinTextColor: p.chinTextColor,
             variant: "dark",
@@ -2243,7 +2243,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, xt = ({
+}, wt = ({
   accentHex: e,
   side: t,
   visible: s,
@@ -2284,7 +2284,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  const b = bt(r, o), w = gt(a), v = u == null && w != null && !b ? w : void 0, x = u == null && !b ? g : void 0, p = m !== "loading" && Ae(r, o) ? vt : void 0, y = u && g ? {
+  const b = vt(r, o), w = pt(a), v = u == null && w != null && !b ? w : void 0, x = u == null && !b ? g : void 0, p = m !== "loading" && Ae(r, o) ? xt : void 0, y = u && g ? {
     ...u,
     onClick: () => {
       var T;
@@ -2300,7 +2300,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: o
   });
   return /* @__PURE__ */ n(
-    xt,
+    wt,
     {
       accentHex: _.accentHex,
       side: "receiver",
@@ -2331,7 +2331,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              pt,
+              bt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "light",
@@ -2367,7 +2367,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: c,
   groupPosition: b = "single"
 }) => {
-  const w = bt(i, l), v = gt(r), x = h == null && v != null && !w ? v : void 0, p = h == null && !w && x != null ? c : void 0, y = g !== "loading" && Ae(i, l), _ = We({
+  const w = vt(i, l), v = pt(r), x = h == null && v != null && !w ? v : void 0, p = h == null && !w && x != null ? c : void 0, y = g !== "loading" && Ae(i, l), _ = We({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2377,7 +2377,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: l
   });
   return /* @__PURE__ */ n(
-    xt,
+    wt,
     {
       accentHex: _.accentHex,
       side: "sender",
@@ -2391,7 +2391,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           fixedHeight: d === "featured" && !y,
           accentHex: _.accentHex,
           busy: _.isLoading,
-          bgClassName: y ? vt : void 0,
+          bgClassName: y ? xt : void 0,
           children: [
             d === "featured" && /* @__PURE__ */ n(
               Te,
@@ -2406,7 +2406,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              pt,
+              bt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "dark",
@@ -2426,7 +2426,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, it = {
+}, lt = {
   Composer: Br,
   Sent: Ur,
   Received: $r
@@ -2540,7 +2540,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(ot, { className: "size-3", weight: "bold" })
   }
 ), Me = (e) => e === "received" ? "light" : "dark", io = ({
   firstOfGroup: e,
@@ -2563,7 +2563,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   ),
   s ?? null
-] }), wt = ({
+] }), _t = ({
   state: e,
   src: t,
   mimeType: s,
@@ -2600,7 +2600,7 @@ const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )) })
     }
   );
-}, Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), qr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), Zr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), Jr = {
+}, Xr = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), qr = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), Zr = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), Jr = {
   Composer: Xr,
   Sent: qr,
   Received: Zr
@@ -2628,7 +2628,7 @@ function ti(e, t) {
   }
   if (!e) return;
   if (ue(e) === "document") {
-    const r = En(e), i = ei[r];
+    const r = In(e), i = ei[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -2657,7 +2657,7 @@ const si = {
 }, ri = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Bn = ({
+}, $n = ({
   variant: e,
   filename: t,
   title: s,
@@ -2716,7 +2716,7 @@ const si = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function $n(e, t) {
+async function Un(e, t) {
   const s = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -2746,7 +2746,7 @@ const ii = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    Bn,
+    $n,
     {
       variant: e,
       filename: i,
@@ -2758,7 +2758,7 @@ const ii = ({
       trailingAction: r
     }
   );
-}, _t = ({
+}, yt = ({
   state: e,
   src: t,
   filename: s,
@@ -2783,7 +2783,7 @@ const ii = ({
     const x = c[v];
     if (!x) return;
     const p = x.filename ?? re(x.src);
-    $n(x.src, p);
+    Un(x.src, p);
   };
   if (c.length === 0)
     return null;
@@ -2818,11 +2818,11 @@ const ii = ({
       )) })
     }
   );
-}, oi = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), ci = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), di = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), ui = {
+}, oi = (e) => /* @__PURE__ */ n(yt, { ...e, state: "composer" }), ci = (e) => /* @__PURE__ */ n(yt, { ...e, state: "sent" }), di = (e) => /* @__PURE__ */ n(yt, { ...e, state: "received" }), ui = {
   Composer: oi,
   Sent: ci,
   Received: di
-}, Un = "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", sn = "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", yt = ({
+}, jn = "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",
@@ -2834,8 +2834,8 @@ const ii = ({
       type: "button",
       onClick: e,
       "aria-label": s,
-      className: `${sn} left-4`,
-      children: /* @__PURE__ */ n(ba, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: `${an} left-4`,
+      children: /* @__PURE__ */ n(va, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -2844,11 +2844,11 @@ const ii = ({
       type: "button",
       onClick: t,
       "aria-label": a,
-      className: `${sn} right-4`,
-      children: /* @__PURE__ */ n(bn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: `${an} right-4`,
+      children: /* @__PURE__ */ n(vn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), jn = ({
+] }), Hn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -2859,7 +2859,7 @@ const ii = ({
 }) => {
   const [l, d] = B(!1), u = X(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), $n(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), Un(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -2906,7 +2906,7 @@ const ii = ({
       onClick: u,
       disabled: l,
       "aria-label": a,
-      className: Un,
+      className: jn,
       children: l ? /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ee, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ f(
@@ -2933,16 +2933,16 @@ const ii = ({
       ]
     }
   );
-}, Qe = (e, t, s) => Math.min(Math.max(e, t), s), Nt = ({
+}, et = (e, t, s) => Math.min(Math.max(e, t), s), kt = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = Qe(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
+  const a = et(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
   K(() => {
-    s && i(Qe(t, 0, Math.max(e - 1, 0)));
+    s && i(et(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), K(() => {
-    i((d) => Qe(d, 0, Math.max(e - 1, 0)));
+    i((d) => et(d, 0, Math.max(e - 1, 0)));
   }, [e]);
   const o = X(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
@@ -2958,7 +2958,7 @@ const ii = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, o, l]), { index: r, prev: o, next: l };
-}, kt = ({
+}, Ct = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -3038,8 +3038,8 @@ const ii = ({
                 type: "button",
                 onClick: t,
                 "aria-label": "Close viewer",
-                className: Un,
-                children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
+                className: jn,
+                children: /* @__PURE__ */ n(ot, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3048,13 +3048,13 @@ const ii = ({
       ]
     }
   );
-}, Hn = ({
+}, Vn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = kt({
     length: t.length,
     initialIndex: s,
     open: e
@@ -3063,14 +3063,14 @@ const ii = ({
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    kt,
+    Ct,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        jn,
+        Hn,
         {
           url: l.src,
           filename: d,
@@ -3092,7 +3092,7 @@ const ii = ({
           `${r}:${l.src}`
         ) : null,
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          Nt,
           {
             onPrev: i,
             onNext: o,
@@ -3113,7 +3113,7 @@ const ii = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, fi = "--mes-single-width-cap", gi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", pi = 436, Vn = ({
+}, fi = "--mes-single-width-cap", gi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", pi = 436, Gn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3254,7 +3254,7 @@ const ii = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Gn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Yn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
@@ -3283,10 +3283,10 @@ const ii = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Le, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      Hn,
+      Vn,
       {
         open: o,
-        items: Gn([{ src: e, alt: t }], s),
+        items: Yn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: u
       }
@@ -3311,7 +3311,7 @@ const ii = ({
     imgRef: r,
     onLoad: i
   };
-}, Yn = ({
+}, Wn = ({
   state: e,
   src: t,
   alt: s,
@@ -3348,7 +3348,7 @@ const ii = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          Vn,
+          Gn,
           {
             tiles: x,
             onTileActivate: c,
@@ -3356,10 +3356,10 @@ const ii = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          Hn,
+          Vn,
           {
             open: m,
-            items: Gn(u, a),
+            items: Yn(u, a),
             initialIndex: g,
             onClose: b
           }
@@ -3367,7 +3367,7 @@ const ii = ({
       ]
     }
   );
-}, yi = (e) => /* @__PURE__ */ n(xi, { ...e }), Ni = (e) => /* @__PURE__ */ n(Yn, { ...e, state: "sent" }), ki = (e) => /* @__PURE__ */ n(Yn, { ...e, state: "received" }), Ci = {
+}, yi = (e) => /* @__PURE__ */ n(xi, { ...e }), Ni = (e) => /* @__PURE__ */ n(Wn, { ...e, state: "sent" }), ki = (e) => /* @__PURE__ */ n(Wn, { ...e, state: "received" }), Ci = {
   Composer: yi,
   Sent: Ni,
   Received: ki
@@ -3377,7 +3377,7 @@ const ii = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = kt({
     length: t.length,
     initialIndex: s,
     open: e
@@ -3389,7 +3389,7 @@ const ii = ({
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ f(
-    kt,
+    Ct,
     {
       open: e,
       onClose: a,
@@ -3408,7 +3408,7 @@ const ii = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          Nt,
           {
             onPrev: i,
             onNext: o,
@@ -3437,7 +3437,7 @@ const ii = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    Bn,
+    $n,
     {
       variant: e,
       filename: i,
@@ -3449,7 +3449,7 @@ const ii = ({
       trailingAction: r
     }
   );
-}, Ct = ({
+}, St = ({
   state: e,
   src: t,
   filename: s,
@@ -3478,7 +3478,7 @@ const ii = ({
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((p, y) => {
           const _ = p.filename ?? re(p.src), T = v && y === 0 ? /* @__PURE__ */ n(Le, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            jn,
+            Hn,
             {
               url: p.src,
               filename: _,
@@ -3511,17 +3511,17 @@ const ii = ({
       ]
     }
   );
-}, Ai = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "composer" }), Ri = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "sent" }), Li = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "received" }), Mi = {
+}, Ai = (e) => /* @__PURE__ */ n(St, { ...e, state: "composer" }), Ri = (e) => /* @__PURE__ */ n(St, { ...e, state: "sent" }), Li = (e) => /* @__PURE__ */ n(St, { ...e, state: "received" }), Mi = {
   Composer: Ai,
   Sent: Ri,
   Received: Li
-}, Wn = ({
+}, Kn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = kt({
     length: t.length,
     initialIndex: s,
     open: e
@@ -3530,7 +3530,7 @@ const ii = ({
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    kt,
+    Ct,
     {
       open: e,
       onClose: a,
@@ -3554,7 +3554,7 @@ const ii = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          Nt,
           {
             onPrev: i,
             onNext: o,
@@ -3565,7 +3565,7 @@ const ii = ({
       ]
     }
   ) : null;
-}, Di = () => /* @__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(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Kn = ({
+}, Di = () => /* @__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 }) }) }), Xn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -3580,7 +3580,7 @@ const ii = ({
       className: "absolute inset-0 size-full object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    xn,
+    wn,
     {
       className: "size-16 text-white/30",
       weight: "regular",
@@ -3590,14 +3590,14 @@ const ii = ({
   /* @__PURE__ */ n(Di, {})
 ] }), Oi = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Kn, { item: e, index: t })
+  content: /* @__PURE__ */ n(Xn, { item: e, index: t })
 }), Pi = ({
   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 }] : [], Xn = (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 }] : [], qn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
@@ -3613,21 +3613,21 @@ const ii = ({
         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(Kn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Xn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Le, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Wn,
+      Kn,
       {
         open: l,
-        items: Xn([{ src: e, poster: t, mimeType: s, preload: r }], a),
+        items: qn([{ src: e, poster: t, mimeType: s, preload: r }], a),
         initialIndex: d,
         onClose: h
       }
     )
   ] });
-}, qn = ({
+}, Zn = ({
   state: e,
   src: t,
   poster: s,
@@ -3653,12 +3653,12 @@ const ii = ({
       groupPosition: l,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Vn, { tiles: v, onTileActivate: b }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Gn, { tiles: v, onTileActivate: b }) }),
         /* @__PURE__ */ n(
-          Wn,
+          Kn,
           {
             open: g,
-            items: Xn(h, r),
+            items: qn(h, r),
             initialIndex: c,
             onClose: w
           }
@@ -3666,7 +3666,7 @@ const ii = ({
       ]
     }
   );
-}, zi = (e) => /* @__PURE__ */ n(Fi, { ...e }), Bi = (e) => /* @__PURE__ */ n(qn, { ...e, state: "sent" }), $i = (e) => /* @__PURE__ */ n(qn, { ...e, state: "received" }), Ui = {
+}, zi = (e) => /* @__PURE__ */ n(Fi, { ...e }), Bi = (e) => /* @__PURE__ */ n(Zn, { ...e, state: "sent" }), $i = (e) => /* @__PURE__ */ n(Zn, { ...e, state: "received" }), Ui = {
   Composer: zi,
   Sent: Bi,
   Received: $i
@@ -3681,13 +3681,13 @@ function H(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function an(e) {
+function rn(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
 function ji(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const s = an(e), a = an(t);
+  const s = rn(e), a = rn(t);
   if (s === a)
     return !0;
   if (!s.includes(a))
@@ -3695,7 +3695,7 @@ function ji(e, t) {
   const r = s.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function rn(e) {
+function ln(e) {
   const t = H(e.og_scrape_url) ?? H(e.title_link), s = H(e.image_url) ?? H(e.thumb_url), a = H(e.asset_url), r = H(e.mime_type);
   return {
     title: H(e.title),
@@ -3705,7 +3705,7 @@ function rn(e) {
     // 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,
-    layout: s || bt(r, a) ? "featured" : "classic",
+    layout: s || vt(r, a) ? "featured" : "classic",
     mimeType: r,
     // Dominant colour of the image, resolved by the sender at stage time and
     // persisted on the attachment (`stream-custom-data.ts`), so every viewer
@@ -3721,7 +3721,7 @@ function Hi(e) {
   var t;
   return Ye(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 Zn(e) {
+function Jn(e) {
   if (!(e != null && e.length)) return [];
   const t = [], s = (r, i) => {
     const o = t[t.length - 1];
@@ -3771,7 +3771,7 @@ function Wi(e) {
       return Ce.File;
   }
 }
-function ln(e, t) {
+function on(e, t) {
   switch (e) {
     case "image":
       return {
@@ -3811,11 +3811,11 @@ function Ki(e, t) {
   if (t.length > 1)
     return {
       items: t.map(
-        (a) => ln(e, a)
+        (a) => on(e, a)
       )
     };
   const s = t[0];
-  return s ? ln(e, s) : {};
+  return s ? on(e, s) : {};
 }
 function Xi({
   groupPosition: e,
@@ -3835,17 +3835,17 @@ const qi = ({
   renderText: a
 }) => {
   var v;
-  const r = Zn(s.attachments);
+  const r = Jn(s.attachments);
   if (r.length === 0) return null;
-  const i = Vi(r), o = (v = s.text) == null ? void 0 : v.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? rn(l.attachments[0] ?? {}).url : void 0, u = o && ji(o, d) ? void 0 : o;
+  const i = Vi(r), o = (v = s.text) == null ? void 0 : v.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ln(l.attachments[0] ?? {}).url : void 0, u = o && ji(o, d) ? void 0 : o;
   let h = 0;
   const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", b = (x, p, y) => {
-    const _ = t ? it.Sent : it.Received;
+    const _ = t ? lt.Sent : lt.Received;
     m.push(
       /* @__PURE__ */ n(
         _,
         {
-          ...rn(x),
+          ...ln(x),
           groupPosition: y ? g : "middle"
         },
         p
@@ -3896,7 +3896,7 @@ const qi = ({
         },
         children: [
           m,
-          !u && /* @__PURE__ */ n(st, {})
+          !u && /* @__PURE__ */ n(at, {})
         ]
       }
     ),
@@ -3908,14 +3908,14 @@ const qi = ({
         }),
         children: [
           /* @__PURE__ */ n(Be, { message: s, renderText: a }),
-          /* @__PURE__ */ n(st, {}),
+          /* @__PURE__ */ n(at, {}),
           c && /* @__PURE__ */ n(Ue, { side: t ? "me" : "other" })
         ]
       }
     ) : null
   ] });
 }, Zi = (e) => {
-  var Lt, Mt, Dt, Ot, Pt, Ft, zt, Bt, $t, Ut, jt;
+  var Mt, Dt, Ot, Pt, Ft, zt, Bt, $t, Ut, jt, Ht;
   const {
     additionalMessageInputProps: t,
     editing: s,
@@ -3935,46 +3935,46 @@ const qi = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: p
-  } = e, { client: y } = Ge("CustomMessage"), { channel: _ } = _e("CustomMessage"), { isUnlocking: T, onUnlockClick: A, onFetchSource: R, onDownloadClick: z } = rr("LockedAttachment"), [F, L] = B(!1), E = gs(c.id), {
-    Attachment: D = ps,
-    EditMessageModal: I = bs,
+  } = e, { client: y } = Ge("CustomMessage"), { channel: _ } = _e("CustomMessage"), { isUnlocking: T, onUnlockClick: A, onFetchSource: R, onDownloadClick: z } = rr("LockedAttachment"), [F, L] = B(!1), E = ps(c.id), {
+    Attachment: D = bs,
+    EditMessageModal: I = vs,
     MessageActions: C,
-    MessageBlocked: S = vs,
-    MessageBouncePrompt: O = xs,
-    MessageDeleted: U = ws,
-    MessageIsThreadReplyInChannelButtonIndicator: j = _s,
-    MessageRepliesCountButton: J = ys,
-    ReminderNotification: Z = Ns,
-    StreamedMessageText: Q = ks,
+    MessageBlocked: S = xs,
+    MessageBouncePrompt: O = ws,
+    MessageDeleted: U = _s,
+    MessageIsThreadReplyInChannelButtonIndicator: j = ys,
+    MessageRepliesCountButton: J = Ns,
+    ReminderNotification: Z = ks,
+    StreamedMessageText: Q = Cs,
     PinIndicator: G
-  } = fn("CustomMessage"), N = Cs(c), M = Ss(c), Y = oe(
+  } = gn("CustomMessage"), N = Ss(c), M = Es(c), Y = oe(
     () => m == null ? void 0 : m(c),
     [m, c]
   ), $ = oe(() => {
     const fe = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...fe] : fe;
     if (!$e(c)) return be;
-    const Ht = be.filter((Vt) => !("type" in Vt) || !Ye(Vt));
-    return Ht.length === be.length ? be : Ht;
+    const Vt = be.filter((Gt) => !("type" in Gt) || !Ye(Gt));
+    return Vt.length === be.length ? be : Vt;
   }, [c]), ne = oe(
-    () => Zn($),
+    () => Jn($),
     [$]
   ), W = oe(() => {
-    const fe = Sn({ message: c, viewerLanguage: v });
+    const fe = En({ message: c, viewerLanguage: v });
     return fe === c.text ? c : { ...c, text: fe };
   }, [c, v]), te = ne.length > 0, se = ne.reduce(
     (fe, be) => fe + be.attachments.length,
     0
   ) === (($ == null ? void 0 : $.length) ?? 0), ie = (i == null ? void 0 : i[0]) ?? "", Oe = ie === "top" ? "first" : ie === "middle" ? "middle" : ie === "bottom" ? "end" : "single", me = ie === "single" || ie === "bottom";
-  if (Es(c))
+  if (Is(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
-  if (Is(c))
+  if (Ts(c))
     return /* @__PURE__ */ n(S, {});
-  const ae = !w && !!c.reply_count, he = !w && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Lt = c.error) == null ? void 0 : Lt.status) !== 403, St = Ts(c);
+  const ae = !w && !!c.reply_count, he = !w && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Mt = c.error) == null ? void 0 : Mt.status) !== 403, Et = As(c);
   let pe;
-  le ? pe = () => u(c) : St && (pe = () => L(!0));
-  const ee = g(), as = k(
+  le ? pe = () => u(c) : Et && (pe = () => L(!0));
+  const ee = g(), rs = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3985,27 +3985,27 @@ const qi = ({
       "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": M,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Mt = c == null ? void 0 : c.error) == null ? void 0 : Mt.status) !== 403,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Dt = c == null ? void 0 : c.error) == null ? void 0 : Dt.status) !== 403,
       "str-chat__message-with-thread-link": ae || he,
       "str-chat__virtual-message__wrapper--end": a,
       "str-chat__virtual-message__wrapper--first": r,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ke = c.poll_id && y.polls.fromState(c.poll_id), Et = Pn(c), Ne = $e(c), rs = ht(c), Xe = !!($ != null && $.length && !c.quoted_message), It = Ne && ee && Xe, is = te && se && !c.quoted_message && !Ke && !Y && !Ne, Tt = {
+  ), Ke = c.poll_id && y.polls.fromState(c.poll_id), It = Fn(c), Ne = $e(c), is = ft(c), Xe = !!($ != null && $.length && !c.quoted_message), Tt = Ne && ee && Xe, ls = te && se && !c.quoted_message && !Ke && !Y && !Ne, At = {
     contentType: "text",
-    amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
-    paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
+    amountText: (Ot = c.metadata) == null ? void 0 : Ot.amount_text,
+    paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
     renderedText: c.text && /* @__PURE__ */ n(Be, { message: W, renderText: b })
-  }, At = {
+  }, Rt = {
     contentType: "media",
-    title: (Pt = c.metadata) == null ? void 0 : Pt.attachment_title,
-    mimeType: (Ft = c.metadata) == null ? void 0 : Ft.attachment_mime_type,
-    thumbnailUrl: (zt = c.metadata) == null ? void 0 : zt.attachment_thumbnail,
-    amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
-    detail: ($t = c.metadata) == null ? void 0 : $t.attachment_detail,
-    paymentStatus: (Ut = c.metadata) == null ? void 0 : Ut.payment_status,
+    title: (Ft = c.metadata) == null ? void 0 : Ft.attachment_title,
+    mimeType: (zt = c.metadata) == null ? void 0 : zt.attachment_mime_type,
+    thumbnailUrl: (Bt = c.metadata) == null ? void 0 : Bt.attachment_thumbnail,
+    amountText: ($t = c.metadata) == null ? void 0 : $t.amount_text,
+    detail: (Ut = c.metadata) == null ? void 0 : Ut.attachment_detail,
+    paymentStatus: (jt = c.metadata) == null ? void 0 : jt.payment_status,
     onFetchSource: R ? () => R(c, _) : void 0
-  }, Rt = /* @__PURE__ */ f(
+  }, Lt = /* @__PURE__ */ f(
     "div",
     {
       className: k("str-chat__message-bubble", {
@@ -4025,7 +4025,7 @@ const qi = ({
       }
     ),
     F && /* @__PURE__ */ n(
-      As,
+      Rs,
       {
         MessageBouncePrompt: O,
         onClose: () => L(!1),
@@ -4035,7 +4035,7 @@ const qi = ({
     /* @__PURE__ */ f(
       "div",
       {
-        className: as,
+        className: rs,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -4057,7 +4057,7 @@ const qi = ({
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": le || St
+                "str-chat__simple-message--error-failed": le || Et
               }),
               "data-testid": "message-inner",
               onClick: pe,
@@ -4070,15 +4070,15 @@ const qi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Et ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper message-tip-wrapper", children: [
+              children: It ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper message-tip-wrapper", children: [
                 /* @__PURE__ */ n(vr, { message: c }),
-                ((jt = c.text) == null ? void 0 : jt.trim()) && Rt
+                ((Ht = c.text) == null ? void 0 : Ht.trim()) && Lt
               ] }) : dr(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
                 ee && C && /* @__PURE__ */ n(C, {}),
-                ee ? /* @__PURE__ */ n(Fe, { ...Tt, isMine: !0 }) : /* @__PURE__ */ n(
+                ee ? /* @__PURE__ */ n(Fe, { ...At, isMine: !0 }) : /* @__PURE__ */ n(
                   Fe,
                   {
-                    ...Tt,
+                    ...At,
                     isMine: !1,
                     isUnlocking: T(c.id),
                     onUnlockClick: () => A == null ? void 0 : A(c, _)
@@ -4091,14 +4091,14 @@ const qi = ({
                   ee ? /* @__PURE__ */ n(
                     Fe,
                     {
-                      ...At,
+                      ...Rt,
                       isMine: !0,
                       onPreviewClick: () => A ? A(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ n(
                     Fe,
                     {
-                      ...At,
+                      ...Rt,
                       isMine: !1,
                       isUnlocking: T(c.id),
                       onUnlockClick: () => A ? A(c, _) : void 0,
@@ -4107,8 +4107,8 @@ const qi = ({
                   ),
                   !ee && C && /* @__PURE__ */ n(C, {})
                 ] }),
-                c.text && Rt
-              ] }) : is ? /* @__PURE__ */ n(
+                c.text && Lt
+              ] }) : ls ? /* @__PURE__ */ n(
                 qi,
                 {
                   groupPosition: Oe,
@@ -4130,15 +4130,15 @@ const qi = ({
                     "relative isolate": me
                   }),
                   children: [
-                    Ne && !It && /* @__PURE__ */ n(
-                      Qt,
+                    Ne && !Tt && /* @__PURE__ */ n(
+                      en,
                       {
                         message: c,
                         hasAttachment: Xe,
                         isMyMessage: ee
                       }
                     ),
-                    Ke && /* @__PURE__ */ n(Rs, { poll: Ke }),
+                    Ke && /* @__PURE__ */ n(Ls, { poll: Ke }),
                     $ != null && $.length && !c.quoted_message ? /* @__PURE__ */ n(
                       D,
                       {
@@ -4159,15 +4159,15 @@ const qi = ({
                         renderText: b
                       }
                     ),
-                    /* @__PURE__ */ n(st, {}),
+                    /* @__PURE__ */ n(at, {}),
                     me && /* @__PURE__ */ n(Ue, { side: ee ? "me" : "other" })
                   ]
                 }
               ) })
             }
           ),
-          !rs && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!Ne || It) && /* @__PURE__ */ n(
-            Qt,
+          !is && !It && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!Ne || Tt) && /* @__PURE__ */ n(
+            en,
             {
               message: c,
               hasAttachment: Xe,
@@ -4198,11 +4198,11 @@ const qi = ({
   Zi,
   (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 : fs(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 : gs(e, t);
   }
 ), Qi = (e) => {
   var i;
-  const t = ge("CustomMessage"), s = we(On), 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 = ge("CustomMessage"), s = we(Pn), 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(
     Ji,
     {
@@ -4215,32 +4215,32 @@ const qi = ({
   var s;
   const { handleDelete: e, message: t } = ge("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    wn,
+    _n,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(va, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(xa, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, tl = () => {
   const { handleFlag: e } = ge("CustomMessageActions");
   return /* @__PURE__ */ n(
-    wn,
+    _n,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(pn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(bn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, nl = () => {
   var t;
   const { message: e } = ge("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== ce.ATTACHMENT ? null : /* @__PURE__ */ n(
-    ya,
+    Na,
     {
       messageActionSet: [
         { Component: el, placement: "quick", type: "delete" },
@@ -4250,10 +4250,10 @@ const qi = ({
   );
 }, sl = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => nt.previewIsLoaded(t) || nt.previewIsLoading(t)
+    (t) => st.previewIsLoaded(t) || st.previewIsLoading(t)
   )
 }), al = () => {
-  const { linkPreviewsManager: e } = Ls(), { linkPreviews: t } = Ms(
+  const { linkPreviewsManager: e } = Ms(), { linkPreviews: t } = Ds(
     e.state,
     sl
   ), s = (r) => {
@@ -4304,9 +4304,9 @@ const qi = ({
     // edge lands ~6px past the fold, reachable by scrolling. That residue
     // belongs to whoever owns the mobile layout contract, not to this component.
     /* @__PURE__ */ n("div", { className: "messaging-link-preview-list flex flex-col items-stretch w-full gap-2", children: t.map((r) => {
-      const i = nt.previewIsLoading(r);
+      const i = st.previewIsLoading(r);
       return /* @__PURE__ */ n(
-        it.Composer,
+        lt.Composer,
         {
           title: r.title,
           url: r.og_scrape_url,
@@ -4328,13 +4328,13 @@ const qi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ n(xa, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(wa, { weight: "bold", className: "size-4" })
   }
-), on = () => {
-  const e = we(je), { handleSubmit: t } = Ds(), s = Os(), a = e || !s, {
+), cn = () => {
+  const e = we(je), { handleSubmit: t } = Os(), s = Ps(), a = e || !s, {
     SendButton: r = il,
-    AttachmentPreviewList: i = Ps
-  } = fn("CustomMessageInput"), o = P.useRef(null);
+    AttachmentPreviewList: i = Fs
+  } = gn("CustomMessageInput"), o = P.useRef(null);
   return P.useEffect(() => {
     const l = o.current;
     if (!l || typeof ResizeObserver > "u")
@@ -4397,13 +4397,13 @@ const qi = ({
       "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(Fs, {}),
+          /* @__PURE__ */ n(zs, {}),
           /* @__PURE__ */ n(al, {}),
           /* @__PURE__ */ n(i, {})
         ] }),
         /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
           /* @__PURE__ */ n(
-            zs,
+            Bs,
             {
               "aria-disabled": e || void 0,
               containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4430,14 +4430,14 @@ const qi = ({
       ]
     }
   );
-}, cn = () => /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
+}, dn = () => /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-gradient" })
-] }), dn = ({
+] }), un = ({
   renderActions: e,
   renderHeader: t,
   renderFooter: s,
@@ -4477,7 +4477,7 @@ const qi = ({
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ n(cn, {}),
+        /* @__PURE__ */ n(dn, {}),
         /* @__PURE__ */ f("div", { className: "relative z-10 flex flex-col", children: [
           t == null ? void 0 : t(),
           /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
@@ -4495,7 +4495,7 @@ const qi = ({
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ n(cn, {}),
+        /* @__PURE__ */ n(dn, {}),
         /* @__PURE__ */ f("div", { className: "relative z-10 flex min-h-0 flex-col", children: [
           t == null ? void 0 : t(),
           /* @__PURE__ */ f("div", { className: "flex min-h-0 flex-col gap-4 p-3 pb-5 md:p-5", children: [
@@ -4507,7 +4507,7 @@ const qi = ({
                 className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
                 children: [
                   e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-                  /* @__PURE__ */ n(je.Provider, { value: l, children: /* @__PURE__ */ n(Gt, { Input: i ?? on }) })
+                  /* @__PURE__ */ n(je.Provider, { value: l, children: /* @__PURE__ */ n(Yt, { Input: i ?? cn }) })
                 ]
               }
             ),
@@ -4526,7 +4526,7 @@ const qi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(je.Provider, { value: l, children: /* @__PURE__ */ n(Gt, { Input: on }) })
+          /* @__PURE__ */ n(je.Provider, { value: l, children: /* @__PURE__ */ n(Yt, { Input: cn }) })
         ]
       }
     ),
@@ -4539,7 +4539,7 @@ const qi = ({
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], cl = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, et = "age safety guidelines.", dl = "https://linktr.ee/s/about/contact", ul = (e) => ol.includes(
+}, tt = "age safety guidelines.", dl = "https://linktr.ee/s/about/contact", ul = (e) => ol.includes(
   e
 ), ml = (e) => {
   var t;
@@ -4547,27 +4547,27 @@ const qi = ({
 }, hl = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Wt(t))
+  if (Kt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (Ws(t))
+  if (Ks(t))
     return {
       kind: "age-safety",
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (Wt(s))
+  if (Kt(s))
     return {
       kind: "dm-agent",
       type: s
     };
 }, fl = (e) => {
-  const t = e.indexOf(et);
+  const t = e.indexOf(tt);
   if (t === -1)
     return e;
-  const s = t + et.length;
+  const s = t + tt.length;
   return /* @__PURE__ */ f(q, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
@@ -4577,7 +4577,7 @@ const qi = ({
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: et
+        children: tt
       }
     ),
     e.slice(s)
@@ -4598,7 +4598,7 @@ const qi = ({
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              wa,
+              _a,
               {
                 size: 16,
                 weight: "regular",
@@ -4624,7 +4624,7 @@ const qi = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              _a,
+              ya,
               {
                 size: 24,
                 weight: "duotone",
@@ -4648,7 +4648,7 @@ const qi = ({
     ] }),
     !t && /* @__PURE__ */ n(qe, { message: e.message })
   ] });
-}, Jn = Ve(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, Qn = Ve(!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",
@@ -4664,11 +4664,11 @@ const qi = ({
   Ze.ExternalSources
 ]), bl = ({ threadList: e }) => {
   var b, w;
-  const { channel: t, channelConfig: s, thread: a } = _e(), { client: r } = Ge(), { typing: i = {} } = Bs(), { aiState: o } = $s(t), l = we(Jn);
+  const { channel: t, channelConfig: s, thread: a } = _e(), { client: r } = Ge(), { typing: i = {} } = $s(), { aiState: o } = Us(t), l = we(Qn);
   if (!e && l && pl.has(o)) {
     const v = vl(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
-      un,
+      mn,
       {
         avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
         avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
@@ -4694,7 +4694,7 @@ const qi = ({
     return null;
   const g = (w = m[0]) == null ? void 0 : w.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ n(
-    un,
+    mn,
     {
       avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
@@ -4702,7 +4702,7 @@ const qi = ({
       testId: "typing-indicator"
     }
   );
-}, un = ({
+}, mn = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -4738,9 +4738,9 @@ const qi = ({
             height: "13",
             overflow: "visible",
             children: [
-              /* @__PURE__ */ n(tt, { cx: "4", index: 0 }),
-              /* @__PURE__ */ n(tt, { cx: "16", index: 1 }),
-              /* @__PURE__ */ n(tt, { cx: "28", index: 2 })
+              /* @__PURE__ */ n(nt, { cx: "4", index: 0 }),
+              /* @__PURE__ */ n(nt, { cx: "16", index: 1 }),
+              /* @__PURE__ */ n(nt, { cx: "28", index: 2 })
             ]
           }
         ) }) }),
@@ -4844,7 +4844,7 @@ const _l = ({
   }, []), C = R ? I : void 0, S = br(E, z), O = L.state.messages.some(
     (Z) => Z.type !== "deleted"
   ), U = v ? /* @__PURE__ */ n(P.Fragment, { children: v() }, "lt-channel-banner") : null, j = /* @__PURE__ */ n(
-    Da,
+    Oa,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
       onBack: e,
@@ -4877,8 +4877,8 @@ const _l = ({
     },
     [C, y, _]
   );
-  return /* @__PURE__ */ n(On.Provider, { value: S, children: /* @__PURE__ */ n(
-    js,
+  return /* @__PURE__ */ n(Pn.Provider, { value: S, children: /* @__PURE__ */ n(
+    Hs,
     {
       overrides: {
         Message: J,
@@ -4886,7 +4886,7 @@ const _l = ({
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ n(Hs, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ n(Vs, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ f(
           "div",
           {
@@ -4897,7 +4897,7 @@ const _l = ({
                 U
               ] }) }),
               /* @__PURE__ */ n(
-                Yt,
+                Wt,
                 {
                   head: O ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     j,
@@ -4912,7 +4912,7 @@ const _l = ({
           "lt-channel-message-list"
         ),
         /* @__PURE__ */ n(
-          dn,
+          un,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(L)
@@ -4938,7 +4938,7 @@ const _l = ({
                 U
               ] }) }),
               /* @__PURE__ */ n(
-                Yt,
+                Wt,
                 {
                   head: O ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     j,
@@ -4954,7 +4954,7 @@ const _l = ({
         ),
         r ? /* @__PURE__ */ n(P.Fragment, { children: r(L) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          dn,
+          un,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(L)
@@ -4969,7 +4969,7 @@ const _l = ({
       ] }) })
     }
   ) });
-}, Qn = P.memo(
+}, es = P.memo(
   ({
     channel: e,
     onBack: t,
@@ -5039,7 +5039,7 @@ const _l = ({
       };
       return G.addEventListener("click", N), () => G.removeEventListener("click", N);
     }, [L, e]);
-    const Q = gn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
+    const Q = pn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
     return /* @__PURE__ */ n(
       "div",
       {
@@ -5049,14 +5049,14 @@ const _l = ({
           d
         ),
         style: Q,
-        children: /* @__PURE__ */ n(Jn.Provider, { value: p ?? !1, children: /* @__PURE__ */ n(
-          Us,
+        children: /* @__PURE__ */ n(Qn.Provider, { value: p ?? !1, children: /* @__PURE__ */ n(
+          js,
           {
             channel: e,
             MessageSystem: gl,
             EmptyStateIndicator: u,
             LoadingIndicator: He,
-            DateSeparator: Oa,
+            DateSeparator: Pa,
             TypingIndicator: bl,
             doSendMessageRequest: J,
             ...E ? { SendButton: E } : {},
@@ -5099,7 +5099,7 @@ const _l = ({
     );
   }
 );
-Qn.displayName = "ChannelView";
+es.displayName = "ChannelView";
 const Se = P.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!" }),
@@ -5149,7 +5149,7 @@ const oo = ({
     refreshConnection: D,
     service: I,
     debug: C
-  } = Na(), [S, O] = B(null), [U, j] = B(null), [J, Z] = B(!1), { showDeleteConversation: Q = !0 } = e, G = V(o);
+  } = ka(), [S, O] = B(null), [U, j] = B(null), [J, Z] = B(!1), { showDeleteConversation: Q = !0 } = e, G = V(o);
   G.current = o;
   const N = V(a);
   N.current = a;
@@ -5233,7 +5233,7 @@ const oo = ({
       onBack: D
     }
   ) : U ? /* @__PURE__ */ n(Se, { message: U }) : J && !S ? /* @__PURE__ */ n(Se, { message: "Conversation ended" }) : S ? /* @__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(
-    Qn,
+    es,
     {
       channel: S,
       renderMessageInputActions: t,
@@ -5268,7 +5268,7 @@ function yl(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const es = P.createContext({
+const ts = P.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5276,7 +5276,7 @@ const es = P.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Nl = es.Provider, kl = () => P.useContext(es), Cl = (e, t) => {
+}), Nl = ts.Provider, kl = () => P.useContext(ts), Cl = (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));
 }, Sl = (e) => {
@@ -5296,7 +5296,7 @@ const es = P.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, ts = P.memo(
+}, ns = P.memo(
   (e) => {
     var z, F, L;
     const { channel: t, unread: s } = e, {
@@ -5306,7 +5306,7 @@ const es = P.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = kl(), { client: u } = Ge(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = yn(t);
+    } = kl(), { client: u } = Ge(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = Nn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -5323,11 +5323,11 @@ const es = P.createContext({
     }, c = (E) => {
       const D = E.key === "Enter" || E.key === " ", I = E.repeat;
       !D || I || (E.preventDefault(), g());
-    }, b = Nn(
+    }, b = kn(
       (z = t == null ? void 0 : t.state) == null ? void 0 : z.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = kn(b == null ? void 0 : b.user), v = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, x = (() => {
+    ), w = Cn(b == null ? void 0 : b.user), v = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, x = (() => {
       var D;
       const E = (D = t == null ? void 0 : t.state) == null ? void 0 : D.messages;
       if (E != null && E.length) {
@@ -5336,7 +5336,7 @@ const es = P.createContext({
       }
     })(), y = (() => {
       var S;
-      const E = Sn({
+      const E = En({
         message: x,
         viewerLanguage: d
       }), { custom_type: D, attachment_content_type: I } = (x == null ? void 0 : x.metadata) || {};
@@ -5412,7 +5412,7 @@ const es = P.createContext({
     );
   }
 );
-ts.displayName = "CustomChannelPreview";
+ns.displayName = "CustomChannelPreview";
 const El = { last_message_at: -1 }, Il = P.memo(
   ({
     onChannelSelect: e,
@@ -5423,7 +5423,7 @@ const El = { last_message_at: -1 }, Il = P.memo(
     sort: i = El,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = Gs,
+    channelListPaginator: d = Ys,
     channelPreview: u,
     renderMessagePreview: h,
     viewerLanguage: m,
@@ -5436,7 +5436,7 @@ const El = { last_message_at: -1 }, Il = P.memo(
   }) => {
     const p = P.useRef(0);
     p.current++;
-    const { debug: y = !1 } = ot(), _ = P.useCallback(
+    const { debug: y = !1 } = ct(), _ = P.useCallback(
       (A) => {
         for (const R of A)
           yl(R);
@@ -5475,7 +5475,7 @@ const El = { last_message_at: -1 }, Il = P.memo(
           o
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Nl, { value: T, children: /* @__PURE__ */ n(
-          Vs,
+          Gs,
           {
             filters: s,
             sort: i,
@@ -5489,7 +5489,7 @@ const El = { last_message_at: -1 }, Il = P.memo(
             onAddedToChannel: v,
             onChannelUpdated: x,
             Paginator: d,
-            Preview: ts,
+            Preview: ns,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -5499,7 +5499,7 @@ const El = { last_message_at: -1 }, Il = P.memo(
   }
 );
 Il.displayName = "ChannelList";
-const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", Al = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", mn = ({ surface: e, actions: t, layout: s }) => {
+const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", Al = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", hn = ({ surface: e, actions: t, layout: s }) => {
   if (t == null || t.length === 0) return null;
   const a = s === "stacked";
   return /* @__PURE__ */ n(
@@ -5514,7 +5514,7 @@ const Tl = "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(
-        Fn,
+        zn,
         {
           variant: e,
           cta: r,
@@ -5570,11 +5570,11 @@ const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   ] });
   return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: g ? /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-3", children: [
     c,
-    /* @__PURE__ */ n(mn, { surface: e, actions: o, layout: "row" })
+    /* @__PURE__ */ n(hn, { surface: e, actions: o, layout: "row" })
   ] }) : /* @__PURE__ */ f(q, { children: [
     c,
     /* @__PURE__ */ n(
-      mn,
+      hn,
       {
         surface: e,
         actions: o,
@@ -5653,7 +5653,7 @@ const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       onImageError: i
     }
   )
-) }), ns = ({
+) }), ss = ({
   variant: e,
   title: t,
   subtitle: s,
@@ -5665,7 +5665,7 @@ const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   accentColor: d,
   groupPosition: u = "single"
 }) => {
-  const h = Ks({
+  const h = Xs({
     imagePresentation: i,
     images: r
   }), m = r.length > 0, g = m && h === "hero", c = We({
@@ -5675,7 +5675,7 @@ const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     thumbnailUrl: g ? r[0] : void 0
   }), b = u === "single" || u === "end";
   return /* @__PURE__ */ n(
-    xt,
+    wt,
     {
       accentHex: c.accentHex,
       side: e === "dark" ? "sender" : "receiver",
@@ -5715,10 +5715,10 @@ const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       )
     }
   );
-}, $l = (e) => /* @__PURE__ */ n(ns, { ...e, variant: "dark" }), Ul = (e) => /* @__PURE__ */ n(ns, { ...e, variant: "light" }), co = {
+}, $l = (e) => /* @__PURE__ */ n(ss, { ...e, variant: "dark" }), Ul = (e) => /* @__PURE__ */ n(ss, { ...e, variant: "light" }), co = {
   Sent: $l,
   Received: Ul
-}, hn = `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%`, jl = {
+}, 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%`, jl = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
 }, Hl = ({ variant: e }) => /* @__PURE__ */ n(
@@ -5732,8 +5732,8 @@ const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
       backgroundColor: jl[e],
-      WebkitMask: hn,
-      mask: hn
+      WebkitMask: fn,
+      mask: fn
     }
   }
 ), Vl = {
@@ -5745,7 +5745,7 @@ const Tl = "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)"
   }
-}, ss = ({
+}, as = ({
   variant: e,
   text: t,
   tail: s = !0,
@@ -5777,7 +5777,7 @@ const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   header: s,
   className: a
 }) => /* @__PURE__ */ n(
-  ss,
+  as,
   {
     variant: "received",
     text: e,
@@ -5785,7 +5785,7 @@ const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     header: s,
     className: a
   }
-), Yl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ss, { variant: "sent", text: e, tail: t, className: s }), uo = {
+), Yl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(as, { variant: "sent", text: e, tail: t, className: s }), uo = {
   Sent: Yl,
   Received: Gl
 }, Wl = ({
@@ -5819,7 +5819,7 @@ const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   avatarImage: i,
   avatarName: o
 }) => {
-  const l = Xs(e);
+  const l = qs(e);
   return l.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,
@@ -5853,22 +5853,22 @@ const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   ] }) });
 };
 export {
-  In as A,
-  mt as B,
+  Tn as A,
+  ht as B,
   xl as C,
-  kn as D,
+  Cn as D,
   lo as E,
   mo as F,
   rr as G,
-  Na as H,
-  it as L,
+  ka as H,
+  lt as L,
   ao as M,
   co as R,
   vr as T,
   ke as a,
   ye as b,
   Il as c,
-  Qn as d,
+  es as d,
   ro as e,
   Wl as f,
   ue as g,
@@ -5883,13 +5883,13 @@ export {
   Sl as p,
   ti as q,
   xe as r,
-  Sn as s,
+  En as s,
   Ye as t,
-  Pn as u,
-  Ca as v,
+  Fn as u,
+  Sa as v,
   io as w,
-  Pa as x,
-  Nn as y,
-  ut as z
+  Fa as x,
+  kn as y,
+  mt as z
 };
-//# sourceMappingURL=index-l73T0G4A.js.map
+//# sourceMappingURL=index-B6hhiZHx.js.map