@linktr.ee/messaging-react 3.15.2 → 3.16.0-rc-1785206933

package/dist/{index-CGWNR062.js → index-fP-uUIi5.js}

@@ -1,11 +1,11 @@
-import { jsx as s, jsxs as h, Fragment as ee } from "react/jsx-runtime";
-import j, { createContext as st, useContext as ye, useCallback as W, useState as F, useRef as G, useEffect as Y, useId as js, useMemo as se, Suspense as Vs } from "react";
-import { StreamChatService as Gs } from "@linktr.ee/messaging-core";
-import { StreamChat as Hs, LinkPreviewsManager as Ot } from "stream-chat";
-import { Chat as Ys, useChannelStateContext as ue, useChatContext as ke, DateSeparator as qs, MessageStatus as Ws, useMessageContext as pe, MessageErrorIcon as Ze, MessageText as Le, areMessageUIPropsEqual as Xs, useMessageReminder as Ks, useComponentContext as es, Attachment as Zs, EditMessageModal as Js, MessageBlocked as Qs, MessageBouncePrompt as en, MessageDeleted as tn, MessageIsThreadReplyInChannelButtonIndicator as sn, MessageRepliesCountButton as nn, ReminderNotification as an, StreamedMessageText as rn, messageHasAttachments as on, messageHasReactions as ln, isDateSeparatorMessage as cn, isMessageBlocked as dn, isMessageBounced as un, MessageBounceModal as mn, Poll as hn, useMessageComposer as fn, useStateStore as gn, MessageInput as Ft, useMessageInputContext as pn, useMessageComposerHasSendableData as bn, AttachmentPreviewList as vn, QuotedMessagePreview as xn, TextareaComposer as wn, MessageTimestamp as Ve, AIStates as Ge, useTypingContext as _n, useAIState as Nn, Channel as yn, WithComponents as kn, Window as Cn, MessageList as Bt, ChannelList as Sn, InfiniteScroll as En } from "stream-chat-react";
+import { jsx as s, jsxs as h, Fragment as K } from "react/jsx-runtime";
+import j, { createContext as st, useContext as ye, useCallback as q, useState as F, useRef as G, useEffect as Y, useId as Vs, useMemo as se, Suspense as Gs } from "react";
+import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
+import { StreamChat as Ys, LinkPreviewsManager as Ot } from "stream-chat";
+import { Chat as Ws, useChannelStateContext as ue, useChatContext as ke, DateSeparator as qs, useMessageContext as me, MessageStatus as Xs, MessageErrorIcon as Ze, MessageText as Le, areMessageUIPropsEqual as Ks, useMessageReminder as Zs, useComponentContext as es, Attachment as Js, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as on, messageHasAttachments as ln, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as Ft, useMessageInputContext as bn, useMessageComposerHasSendableData as vn, AttachmentPreviewList as xn, QuotedMessagePreview as wn, TextareaComposer as _n, MessageTimestamp as Ve, AIStates as Ge, useTypingContext as Nn, useAIState as yn, Channel as kn, WithComponents as Cn, Window as Sn, MessageList as Bt, ChannelList as En, InfiniteScroll as In } from "stream-chat-react";
 import N from "classnames";
-import { StarIcon as Je, DotsThreeIcon as In, SpinnerGapIcon as Ae, SignOutIcon as Tn, ProhibitInsetIcon as $t, FlagIcon as ts, CurrencyDollarIcon as Mn, CaretRightIcon as ss, ArrowLeftIcon as An, FileIcon as ns, ImageIcon as Rn, SpeakerHighIcon as Ln, VideoCameraIcon as as, FileMdIcon as Dn, FileTextIcon as Pn, FileZipIcon as zn, FilePptIcon as On, FileCsvIcon as Fn, FileXlsIcon as Bn, FileDocIcon as $n, FilePdfIcon as Un, CircleNotchIcon as _e, PlayIcon as Qe, PauseIcon as jn, LinkIcon as Vn, DownloadSimpleIcon as Ne, XIcon as Be, CaretLeftIcon as Gn, GiftIcon as Hn, ThumbsUpIcon as Yn, ThumbsDownIcon as qn, ChecksIcon as Wn, PencilSimpleIcon as Xn, TrashSimpleIcon as Kn, ArrowUpIcon as Zn, SparkleIcon as Jn, ProhibitIcon as Qn } from "@phosphor-icons/react";
-import { MessageActions as ea, DefaultDropdownActionButton as rs } from "stream-chat-react/experimental";
+import { StarIcon as Je, DotsThreeIcon as Tn, SpinnerGapIcon as Ae, SignOutIcon as Mn, ProhibitInsetIcon as $t, FlagIcon as ts, CurrencyDollarIcon as An, CaretRightIcon as ss, ArrowLeftIcon as Rn, FileIcon as ns, ImageIcon as Ln, SpeakerHighIcon as Dn, VideoCameraIcon as as, FileMdIcon as Pn, FileTextIcon as zn, FileZipIcon as On, FilePptIcon as Fn, FileCsvIcon as Bn, FileXlsIcon as $n, FileDocIcon as Un, FilePdfIcon as jn, CircleNotchIcon as pe, PlayIcon as Qe, PauseIcon as Vn, LinkIcon as Gn, DownloadSimpleIcon as Ne, XIcon as Be, CaretLeftIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as Wn, ThumbsDownIcon as qn, WarningCircleIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Zn, TrashSimpleIcon as Jn, ArrowUpIcon as Qn, SparkleIcon as ea, ProhibitIcon as ta } from "@phosphor-icons/react";
+import { MessageActions as sa, DefaultDropdownActionButton as rs } from "stream-chat-react/experimental";
 const is = st({
   service: null,
   client: null,
@@ -16,7 +16,7 @@ const is = st({
   refreshConnection: async () => {
   },
   debug: !1
-}), nt = () => ye(is), ho = ({
+}), nt = () => ye(is), po = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -26,7 +26,7 @@ const is = st({
   client: l
 }) => {
   var S, I;
-  const o = W(
+  const o = q(
     (y, ...D) => {
       i && console.log(`🔥 [MessagingProvider] ${y}`, ...D);
     },
@@ -64,7 +64,7 @@ const is = st({
     capabilities: r
   };
   const B = G(null);
-  !l && a && ((S = B.current) == null ? void 0 : S.apiKey) !== a && (B.current = { apiKey: a, client: new Hs(a) });
+  !l && a && ((S = B.current) == null ? void 0 : S.apiKey) !== a && (B.current = { apiKey: a, client: new Ys(a) });
   const O = l || (a ? ((I = B.current) == null ? void 0 : I.client) ?? null : null);
   Y(() => {
     const y = z.current, D = k.current;
@@ -83,7 +83,7 @@ const is = st({
       renderCount: y,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const H = new Gs({
+    const H = new Hs({
       ...D,
       apiKey: a,
       debug: R.current,
@@ -125,16 +125,16 @@ const is = st({
       o("🚀 STARTING USER CONNECTION", { userId: t.id }), w.current = !0, x(!0), b(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const q = await d.connectUser(t);
-        m(q), c(!0), L.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const W = await d.connectUser(t);
+        m(W), c(!0), L.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: q.userID
+          clientId: W.userID
         });
-      } catch (q) {
-        const K = q instanceof Error ? q.message : "Connection failed";
-        b(K), o("❌ USER CONNECTION ERROR", {
+      } catch (W) {
+        const Z = W instanceof Error ? W.message : "Connection failed";
+        b(Z), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: K
+          error: Z
         });
       } finally {
         x(!1), w.current = !1, o("🔄 USER CONNECTION FINISHED", {
@@ -150,7 +150,7 @@ const is = st({
       y && (L.current = null, (D = E.current) == null || D.disconnectUser().catch(console.error));
     };
   }, [O]);
-  const C = W(async () => {
+  const C = q(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -215,7 +215,7 @@ const is = st({
     willRenderChat: !!O,
     contextValueReady: !!T
   }), /* @__PURE__ */ s(is.Provider, { value: T, children: O ? /* @__PURE__ */ s(
-    Ys,
+    Ws,
     {
       client: O,
       customClasses: {
@@ -224,7 +224,7 @@ const is = st({
       children: e
     }
   ) : e });
-}, ta = () => nt(), os = (e) => {
+}, na = () => nt(), os = (e) => {
   var a, r;
   const [t, n] = F(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -246,14 +246,14 @@ const is = st({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, sa = "linktree-official", na = "linktree-official-sender";
+}, aa = "linktree-official", ra = "linktree-official-sender";
 function ls(e, t, n) {
   const a = Object.values(e || {});
-  if (n === sa) {
+  if (n === aa) {
     const r = a.find(
       (i) => {
         var l;
-        return ((l = i.user) == null ? void 0 : l.id) === na;
+        return ((l = i.user) == null ? void 0 : l.id) === ra;
       }
     );
     if (r) return r;
@@ -265,13 +265,13 @@ function ls(e, t, n) {
     }
   );
 }
-const aa = /^[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 ra(e) {
-  return aa.test(e.trim());
+const ia = /^[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 oa(e) {
+  return ia.test(e.trim());
 }
 function Ut(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !ra(n);
+  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !oa(n);
 }
 function cs(e) {
   return Ut(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ut(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
@@ -304,7 +304,7 @@ const jt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ia(e) {
+function la(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -313,15 +313,15 @@ function ia(e) {
   return Math.abs(t);
 }
 function ds(e) {
-  return jt[ia(e) % jt.length];
+  return jt[la(e) % jt.length];
 }
-function oa(e) {
+function ca(e) {
   return ds(e).emoji;
 }
-function la(e) {
+function da(e) {
   return ds(e).bgColor;
 }
-const be = ({
+const ve = ({
   id: e,
   image: t,
   size: n = 40,
@@ -330,7 +330,7 @@ const be = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = oa(e), d = la(e), u = 0.45, m = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const o = ca(e), d = da(e), u = 0.45, m = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -394,7 +394,7 @@ const be = ({
       ]
     }
   );
-}, ca = "https://linktr.ee/s/about/trust-center/report", da = ({
+}, ua = "https://linktr.ee/s/about/trust-center/report", ma = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -478,10 +478,10 @@ const be = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(ca, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(ua, "_blank", "noopener,noreferrer");
     }
   };
-}, ve = ({
+}, xe = ({
   variant: e = "default",
   className: t,
   children: n,
@@ -498,7 +498,7 @@ const be = ({
     ...a,
     children: n
   }
-), ua = ({
+), ha = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -512,7 +512,7 @@ const be = ({
   customChannelActions: g,
   triggerClassName: m
 }) => {
-  const [f, c] = F(!1), v = G(null), x = js(), p = W(() => c(!1), []), {
+  const [f, c] = F(!1), v = G(null), x = Vs(), p = q(() => c(!1), []), {
     isParticipantBlocked: b,
     isCheckingBlockedStatus: w,
     isLeaving: E,
@@ -521,7 +521,7 @@ const be = ({
     handleBlockUser: A,
     handleUnblockUser: z,
     handleReportUser: B
-  } = da({
+  } = ma({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -555,7 +555,7 @@ const be = ({
         "aria-controls": f ? x : void 0,
         onClick: () => c((L) => !L),
         children: [
-          /* @__PURE__ */ s(In, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(Tn, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -571,13 +571,13 @@ const be = ({
         ),
         children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
           n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(
-            ve,
+            xe,
             {
               onClick: R,
               disabled: E,
               "aria-busy": E,
               children: [
-                E ? /* @__PURE__ */ s(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Tn, { className: "h-5 w-5" }),
+                E ? /* @__PURE__ */ s(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Mn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -585,12 +585,12 @@ const be = ({
           a && /* @__PURE__ */ s("li", { children: w ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(ve, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ h(xe, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ s(Ae, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
           ) : b ? /* @__PURE__ */ h(
-            ve,
+            xe,
             {
               onClick: z,
               disabled: k,
@@ -601,7 +601,7 @@ const be = ({
               ]
             }
           ) : /* @__PURE__ */ h(
-            ve,
+            xe,
             {
               onClick: A,
               disabled: k,
@@ -612,7 +612,7 @@ const be = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(ve, { variant: "danger", onClick: B, children: [
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(xe, { variant: "danger", onClick: B, children: [
             /* @__PURE__ */ s(ts, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
@@ -621,7 +621,7 @@ const be = ({
       }
     )
   ] });
-}, He = "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", ha = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ma, fa = ({
+}, He = "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", fa = "CUSTOMER_PAID", ga = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === fa, pa = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -650,7 +650,7 @@ const be = ({
       );
     },
     [(C = p.state) == null ? void 0 : C.members, b == null ? void 0 : b.userID, p.type]
-  ), E = cs(w == null ? void 0 : w.user), k = (T = w == null ? void 0 : w.user) == null ? void 0 : T.image, R = os(p), A = ha((S = p.data) == null ? void 0 : S.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, z = a && R, B = A || z || !!x, O = async () => {
+  ), E = cs(w == null ? void 0 : w.user), k = (T = w == null ? void 0 : w.user) == null ? void 0 : T.image, R = os(p), A = ga((S = p.data) == null ? void 0 : S.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, z = a && R, B = A || z || !!x, O = async () => {
     try {
       R ? await p.unpin() : await p.pin();
     } catch (y) {
@@ -659,9 +659,9 @@ const be = ({
         y
       );
     }
-  }, L = /* @__PURE__ */ h(ee, { children: [
+  }, L = /* @__PURE__ */ h(K, { children: [
     /* @__PURE__ */ s(
-      be,
+      ve,
       {
         id: ((I = w == null ? void 0 : w.user) == null ? void 0 : I.id) || p.id || "unknown",
         name: E,
@@ -686,7 +686,7 @@ const be = ({
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ s(Mn, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ s(An, { className: "size-2.5", weight: "bold" })
               }
             ),
             z && /* @__PURE__ */ s(
@@ -729,7 +729,7 @@ const be = ({
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(An, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(Rn, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: x ? /* @__PURE__ */ s(
@@ -764,7 +764,7 @@ const be = ({
             }
           ),
           v && (c !== void 0 ? c : /* @__PURE__ */ s(
-            ua,
+            ha,
             {
               channel: p,
               participant: w,
@@ -784,15 +784,15 @@ const be = ({
       ] })
     }
   );
-}, ga = (e) => /* @__PURE__ */ s(qs, { ...e, position: "center" }), et = "vote_up", tt = "vote_down";
-function pa(e) {
+}, ba = (e) => /* @__PURE__ */ s(qs, { ...e, position: "center" }), et = "vote_up", tt = "vote_down";
+function va(e) {
   return e != null && e.length ? e.some((t) => t.type === tt) ? "down" : e.some((t) => t.type === et) ? "up" : null : null;
 }
-function ba(e) {
+function xa(e) {
   const { channel: t } = ue(), { client: n } = ke("useMessageVote"), a = se(
-    () => pa(e.own_reactions),
+    () => va(e.own_reactions),
     [e.own_reactions]
-  ), r = W(async () => {
+  ), r = q(async () => {
     if (n != null && n.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, et) : await t.sendReaction(
@@ -802,7 +802,7 @@ function ba(e) {
         );
       } catch {
       }
-  }, [t, n == null ? void 0 : n.userID, e.id, a]), i = W(async () => {
+  }, [t, n == null ? void 0 : n.userID, e.id, a]), i = q(async () => {
     if (n != null && n.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, tt) : await t.sendReaction(
@@ -815,7 +815,7 @@ function ba(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function va(e) {
+function wa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function us({
@@ -823,31 +823,31 @@ function us({
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = va(t);
+  const n = e == null ? void 0 : e.text, a = wa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const xa = ["linktr.ee"], Vt = "messaging-attachment-v1_0";
-function wa(e) {
+const _a = ["linktr.ee"], Vt = "messaging-attachment-v1_0";
+function Na(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function _a(e) {
-  return xa.some(
+function ya(e) {
+  return _a.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function de(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const n = wa(t);
-  if (!n || !_a(n)) return t;
+  const n = Na(t);
+  if (!n || !ya(n)) return t;
   const a = new URL(t);
   return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Vt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Vt), a.toString());
 }
-const Na = [
+const ka = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -861,38 +861,38 @@ function oe(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function ms(e) {
-  const t = Na.find(
+  const t = ka.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const ya = {
+const Ca = {
   video: as,
-  audio: Ln,
-  image: Rn,
+  audio: Dn,
+  image: Ln,
   document: ns
-}, ka = {
-  pdf: Un,
-  doc: $n,
-  xls: Bn,
-  csv: Fn,
-  ppt: On,
-  zip: zn,
-  text: Pn,
-  markdown: Dn,
+}, Sa = {
+  pdf: jn,
+  doc: Un,
+  xls: $n,
+  csv: Bn,
+  ppt: Fn,
+  zip: On,
+  text: zn,
+  markdown: Pn,
   generic: ns
 };
-function Ca(e) {
+function Ea(e) {
   const t = oe(e);
-  return t !== "document" ? ya[t] : ka[ms(e)];
+  return t !== "document" ? Ca[t] : Sa[ms(e)];
 }
-function ge(e, t) {
-  return j.createElement(Ca(e), t);
+function be(e, t) {
+  return j.createElement(Ea(e), t);
 }
-const Sa = (e) => {
+const Ia = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, Ea = ({
+}, Ta = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -904,20 +904,20 @@ const Sa = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const g = oe(t), m = G(null), f = G(null), c = G(null), v = G(r), [x, p] = F(a), [b, w] = F(0), [E, k] = F(!1), [R, A] = F(!1), [z, B] = F(!1), [O, L] = F(!1), [C, T] = F(!0), [S, I] = F(null), y = W(() => {
+  const g = oe(t), m = G(null), f = G(null), c = G(null), v = G(r), [x, p] = F(a), [b, w] = F(0), [E, k] = F(!1), [R, A] = F(!1), [z, B] = F(!1), [O, L] = F(!1), [C, T] = F(!0), [S, I] = F(null), y = q(() => {
     B(!1), p(!0);
-  }, []), D = W((_) => {
+  }, []), D = q((_) => {
     const M = f.current;
     if (!M) return 0;
     const $ = M.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Sa(_) - $.left) / $.width)
+      Math.min(1, (Ia(_) - $.left) / $.width)
     );
-  }, []), H = W((_) => {
+  }, []), H = q((_) => {
     const M = m.current;
     M && M.duration && (M.currentTime = _ * M.duration);
-  }, []), q = (_) => {
+  }, []), W = (_) => {
     _.stopPropagation(), k(!0);
     const M = D(_);
     w(M), H(M);
@@ -950,14 +950,14 @@ const Sa = (e) => {
       window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", M), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", M);
     };
   }, [E, D, H]);
-  const K = S ? { aspectRatio: String(S) } : void 0, Z = S ? "" : " aspect-video", V = Math.round(b * 100);
+  const Z = S ? { aspectRatio: String(S) } : void 0, J = S ? "" : " aspect-video", V = Math.round(b * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
-      style: K,
+      className: `relative cursor-pointer overflow-hidden bg-black ${J}`,
+      style: Z,
       onClick: (_) => {
         if (u) {
           u(_);
@@ -983,7 +983,7 @@ const Sa = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (g === "audio" || C) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: ge(t, {
+        !n && (g === "audio" || C) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: be(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -1032,7 +1032,7 @@ const Sa = (e) => {
           }
         ) }),
         O && !z && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
-          _e,
+          pe,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
@@ -1065,8 +1065,8 @@ const Sa = (e) => {
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: q,
-            onTouchStart: q,
+            onMouseDown: W,
+            onTouchStart: W,
             onClick: (_) => _.stopPropagation(),
             onKeyDown: (_) => {
               _.key === "ArrowRight" && H(Math.min(1, b + 0.05)), _.key === "ArrowLeft" && H(Math.max(0, b - 0.05));
@@ -1090,7 +1090,7 @@ const Sa = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": x ? "Pause" : "Play",
-              children: x ? /* @__PURE__ */ s(jn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(Qe, { className: "size-5 translate-x-px", weight: "fill" })
+              children: x ? /* @__PURE__ */ s(Vn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(Qe, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -1104,8 +1104,8 @@ const Sa = (e) => {
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: q,
-              onTouchStart: q,
+              onMouseDown: W,
+              onTouchStart: W,
               onClick: (_) => _.stopPropagation(),
               onMouseEnter: () => A(!0),
               onMouseLeave: () => A(!1),
@@ -1140,7 +1140,7 @@ const Sa = (e) => {
       ]
     }
   );
-}, Gt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ia = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", hs = ({
+}, Gt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ma = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", hs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1151,7 +1151,7 @@ const Sa = (e) => {
 }) => {
   const o = oe(e), [d, u] = F(!1), g = de(t), m = de(n);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ s(
-    Ea,
+    Ta,
     {
       source: t,
       mimeType: e,
@@ -1197,12 +1197,12 @@ const Sa = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ge(e, {
+      children: be(e, {
         className: Gt(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ia(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ma(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: m ?? n,
@@ -1214,7 +1214,7 @@ const Sa = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ge(e, {
+      children: be(e, {
         className: Gt(r),
         weight: "regular"
       })
@@ -1261,7 +1261,7 @@ const Sa = (e) => {
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            ge(r, {
+            be(r, {
               className: N(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
@@ -1292,19 +1292,19 @@ function gs(e) {
 function at(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 Ta(e) {
+function Aa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ma(e) {
+function Ra(e) {
   return e ? "text-white" : "text-black";
 }
-function Aa(e) {
+function La(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Ra(e) {
+function Da(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function La(e) {
+function Pa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const rt = ({ attachment: e, isMyMessage: t }) => {
@@ -1319,14 +1319,14 @@ const rt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ta(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Vn, { className: `size-12 ${La(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Aa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Gn, { className: `size-12 ${Pa(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Ma(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Aa(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Ra(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Ra(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${La(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Da(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ s("div", { className: "block", children: u });
@@ -1338,7 +1338,7 @@ function it(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(ps);
 }
-async function Da(e, t) {
+async function za(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1350,7 +1350,7 @@ async function Da(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
   l.href = i, l.download = n, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
-const Pa = ({
+const Oa = ({
   url: e,
   filename: t
 }) => {
@@ -1362,7 +1362,7 @@ const Pa = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Da(e, t).then(() => {
+        a(!0), za(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1370,7 +1370,7 @@ const Pa = ({
       },
       disabled: n,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: n ? /* @__PURE__ */ s(_e, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
+      children: n ? /* @__PURE__ */ s(pe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
         /* @__PURE__ */ s(Ne, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1452,17 +1452,17 @@ const bs = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Pa, { url: e, filename: n })
+      action: /* @__PURE__ */ s(Oa, { url: e, filename: n })
     }
   );
-}, za = ({
+}, Fa = ({
   message: e,
   isMyMessage: t = !1
 }) => {
   const n = it(e), a = ot(e);
   return !n && !a ? null : /* @__PURE__ */ h("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__ */ s(
-      be,
+      ve,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1487,7 +1487,7 @@ const bs = ({
       }
     )
   ] });
-}, Oa = ({
+}, Ba = ({
   message: e
 }) => {
   const t = it(e);
@@ -1495,7 +1495,7 @@ const bs = ({
     return /* @__PURE__ */ s("div", { className: at(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(rt, { attachment: t, isMyMessage: !0 }) });
   const n = ot(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(bs, { ...n }) }) : null;
-}, Fa = ({
+}, $a = ({
   message: e
 }) => {
   const t = it(e);
@@ -1503,19 +1503,19 @@ const bs = ({
     return /* @__PURE__ */ s("div", { className: at(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(rt, { attachment: t, isMyMessage: !1 }) });
   const n = ot(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(vs, { ...n }) }) : null;
-}, fo = Object.assign(za, {
-  Creator: Oa,
-  Visitor: Fa
-}), Ba = {
+}, bo = Object.assign(Fa, {
+  Creator: Ba,
+  Visitor: $a
+}), Ua = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, $a = {
+}, ja = {
   dark: "text-white",
   light: "text-[#000000]"
-}, Ua = {
+}, Va = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, ja = (e) => e === "dark" ? "sender" : "receiver", Va = {
+}, Ga = (e) => e === "dark" ? "sender" : "receiver", Ha = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -1537,7 +1537,7 @@ const bs = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = Va[ja(e)][a];
+  const o = t != null && t !== "", d = Ha[Ga(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1552,10 +1552,10 @@ const bs = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Ba[e],
-        $a[e],
+        Ua[e],
+        ja[e],
         n && "border",
-        n && Ua[e],
+        n && Va[e],
         r
       ),
       children: [
@@ -1598,16 +1598,16 @@ const bs = ({
     ),
     children: /* @__PURE__ */ s(Be, { className: "size-3", weight: "bold" })
   }
-), Ee = (e) => e === "received" ? "light" : "dark", Ga = ({
+), Ee = (e) => e === "received" ? "light" : "dark", Ya = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ha = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Wa = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Ya = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], qa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1630,7 +1630,7 @@ const bs = ({
   preload: o,
   onDismiss: d
 }) => {
-  const u = Ee(e), g = e === "composer" && !!d, m = Ha({ src: t, mimeType: n, filename: a, items: r });
+  const u = Ee(e), g = e === "composer" && !!d, m = Wa({ src: t, mimeType: n, filename: a, items: r });
   if (m.length === 0)
     return null;
   const f = o ?? (m.length > 1 ? "none" : "metadata");
@@ -1642,7 +1642,7 @@ const bs = ({
       groupPosition: l,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: m.map((c, v) => /* @__PURE__ */ s(
-        Ya,
+        qa,
         {
           item: c,
           preload: f,
@@ -1656,15 +1656,15 @@ const bs = ({
       )) })
     }
   );
-}, qa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "composer" }), Wa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "sent" }), Xa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "received" }), Ka = {
-  Composer: qa,
-  Sent: Wa,
-  Received: Xa
+}, Xa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "composer" }), Ka = (e) => /* @__PURE__ */ s(lt, { ...e, state: "sent" }), Za = (e) => /* @__PURE__ */ s(lt, { ...e, state: "received" }), Ja = {
+  Composer: Xa,
+  Sent: Ka,
+  Received: Za
 };
-function Za(e) {
+function Qa(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Ja = {
+const er = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1674,7 +1674,7 @@ const Ja = {
   text: "TXT",
   markdown: "MD"
 };
-function Qa(e, t) {
+function tr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1684,7 +1684,7 @@ function Qa(e, t) {
   }
   if (!e) return;
   if (oe(e) === "document") {
-    const r = ms(e), i = Ja[r];
+    const r = ms(e), i = er[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1692,8 +1692,8 @@ function Qa(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function er(e, t, n) {
-  const a = Qa(e, t), r = typeof n == "number" && n > 0 ? Za(n) : void 0;
+function sr(e, t, n) {
+  const a = tr(e, t), r = typeof n == "number" && n > 0 ? Qa(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ne(e) {
@@ -1704,13 +1704,13 @@ function ne(e) {
     return "download";
   }
 }
-const tr = {
+const nr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, sr = {
+}, ar = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, nr = {
+}, rr = {
   dark: "text-white/85",
   light: "text-black/85"
 }, xs = ({
@@ -1723,16 +1723,16 @@ const tr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = n ?? t ?? "File", u = er(a, t, r), g = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", u = sr(a, t, r), g = /* @__PURE__ */ s(
     "div",
     {
       className: N(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        sr[e]
+        ar[e]
       ),
       "aria-hidden": !0,
-      children: ge(a, {
-        className: N("size-6", nr[e]),
+      children: be(a, {
+        className: N("size-6", rr[e]),
         weight: "regular"
       })
     }
@@ -1743,7 +1743,7 @@ const tr = {
       {
         className: N(
           "truncate text-xs leading-4",
-          tr[e]
+          nr[e]
         ),
         children: u
       }
@@ -1763,7 +1763,7 @@ const tr = {
         m
       ]
     }
-  ) : /* @__PURE__ */ h(ee, { children: [
+  ) : /* @__PURE__ */ h(K, { children: [
     g,
     m
   ] });
@@ -1786,14 +1786,14 @@ async function ws(e, t) {
     }
   }
 }
-const ar = ({
+const ir = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], rr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], or = ({
   variant: e,
   item: t,
   index: n,
@@ -1827,7 +1827,7 @@ const ar = ({
   onClick: u,
   onDismiss: g
 }) => {
-  const m = Ee(e), f = e === "composer" && !!g, c = ar({
+  const m = Ee(e), f = e === "composer" && !!g, c = ir({
     src: t,
     filename: n,
     fileSize: a,
@@ -1862,7 +1862,7 @@ const ar = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((p, b) => /* @__PURE__ */ s(
-        rr,
+        or,
         {
           variant: m,
           item: p,
@@ -1874,16 +1874,16 @@ const ar = ({
       )) })
     }
   );
-}, ir = (e) => /* @__PURE__ */ s(ct, { ...e, state: "composer" }), or = (e) => /* @__PURE__ */ s(ct, { ...e, state: "sent" }), lr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "received" }), cr = {
-  Composer: ir,
-  Sent: or,
-  Received: lr
+}, lr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "composer" }), cr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "sent" }), dr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "received" }), ur = {
+  Composer: lr,
+  Sent: cr,
+  Received: dr
 }, dt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(ee, { children: [
+}) => /* @__PURE__ */ h(K, { children: [
   /* @__PURE__ */ s(
     "button",
     {
@@ -1891,7 +1891,7 @@ const ar = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Gn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Hn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1913,7 +1913,7 @@ const ar = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = F(!1), u = W(
+  const [o, d] = F(!1), u = q(
     (c) => {
       c.stopPropagation(), !o && (d(!0), ws(e, t).catch(() => {
       }).finally(() => {
@@ -1940,7 +1940,7 @@ const ar = ({
         }[i]
       ),
       children: o ? /* @__PURE__ */ s(
-        _e,
+        pe,
         {
           className: "size-4 animate-spin",
           weight: "bold",
@@ -1963,7 +1963,7 @@ const ar = ({
       disabled: o,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ s(_e, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Ne, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: o ? /* @__PURE__ */ s(pe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Ne, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
@@ -1978,7 +1978,7 @@ const ar = ({
       ),
       children: [
         o ? /* @__PURE__ */ s(
-          _e,
+          pe,
           {
             className: "size-4 animate-spin",
             weight: "bold",
@@ -2000,9 +2000,9 @@ const ar = ({
   }, [n, t, e]), Y(() => {
     i((d) => Ye(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = W(() => {
+  const l = q(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = W(() => {
+  }, [e]), o = q(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return Y(() => {
@@ -2160,7 +2160,7 @@ const ar = ({
       ]
     }
   ) : null;
-}, dr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", ys = ({
+}, mr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", ys = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2169,7 +2169,7 @@ const ar = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, n)), l = r - i.length, o = (d, u, g) => {
-    const m = N(dr, "h-full w-full");
+    const m = N(mr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
@@ -2231,14 +2231,14 @@ const ar = ({
     }
   );
 }, Ie = (e) => {
-  const [t, n] = F(!1), [a, r] = F(0), i = W(
+  const [t, n] = F(!1), [a, r] = F(0), i = q(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), n(!0));
     },
     [e]
-  ), l = W(() => n(!1), []);
+  ), l = q(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, ur = (e, t, n, a) => ({
+}, hr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2253,7 +2253,7 @@ const ar = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), mr = ({
+}), fr = ({
   src: e,
   alt: t,
   items: n
@@ -2261,7 +2261,7 @@ const ar = ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), hr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), gr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Ie(
     r
   );
@@ -2308,13 +2308,13 @@ const ar = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = mr({ src: t, alt: n, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: v } = Ie(
+  const u = fr({ src: t, alt: n, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: v } = Ie(
     d
   );
   if (u.length === 0)
     return null;
   const x = u.map(
-    (p, b) => ur(p, b, u.length, o)
+    (p, b) => hr(p, b, u.length, o)
   );
   return /* @__PURE__ */ h(
     Ce,
@@ -2337,11 +2337,11 @@ const ar = ({
       ]
     }
   );
-}, fr = (e) => /* @__PURE__ */ s(hr, { ...e }), gr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "sent" }), pr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "received" }), br = {
-  Composer: fr,
-  Sent: gr,
-  Received: pr
-}, vr = ({
+}, pr = (e) => /* @__PURE__ */ s(gr, { ...e }), br = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "sent" }), vr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "received" }), xr = {
+  Composer: pr,
+  Sent: br,
+  Received: vr
+}, wr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2355,7 +2355,7 @@ const ar = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "document"),
     [o]
   ), u = se(
-    () => o ? xr(o.src) : void 0,
+    () => o ? _r(o.src) : void 0,
     [o]
   );
   return !o || !u ? null : /* @__PURE__ */ h(
@@ -2389,16 +2389,16 @@ const ar = ({
       ]
     }
   );
-}, xr = (e) => {
+}, _r = (e) => {
   const t = e.indexOf("#"), n = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${n}#${r.toString()}`;
-}, wr = ({
+}, Nr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], _r = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], yr = ({
   variant: e,
   item: t,
   index: n,
@@ -2431,7 +2431,7 @@ const ar = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const g = Ee(e), m = wr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
+  const g = Ee(e), m = Nr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
     d
   ), p = e === "composer" && !!u;
   if (m.length === 0)
@@ -2460,7 +2460,7 @@ const ar = ({
             }
           );
           return /* @__PURE__ */ s(
-            _r,
+            yr,
             {
               variant: g,
               item: w,
@@ -2472,7 +2472,7 @@ const ar = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          vr,
+          wr,
           {
             open: f,
             items: b,
@@ -2483,10 +2483,10 @@ const ar = ({
       ]
     }
   );
-}, Nr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "composer" }), yr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "sent" }), kr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "received" }), Cr = {
-  Composer: Nr,
-  Sent: yr,
-  Received: kr
+}, kr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "received" }), Er = {
+  Composer: kr,
+  Sent: Cr,
+  Received: Sr
 }, Ss = ({
   open: e,
   items: t,
@@ -2537,7 +2537,7 @@ const ar = ({
       ]
     }
   ) : null;
-}, Sr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(Qe, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Es = ({
+}, Ir = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(Qe, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Es = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2559,11 +2559,11 @@ const ar = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Sr, {})
-] }), Er = (e, t, n) => ({
+  /* @__PURE__ */ s(Ir, {})
+] }), Tr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(Es, { item: e, index: t })
-}), Ir = ({
+}), Mr = ({
   src: e,
   poster: t,
   mimeType: n,
@@ -2575,7 +2575,7 @@ const ar = ({
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Tr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+})), Ar = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
   const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: g } = Ie(
     i
   );
@@ -2616,13 +2616,13 @@ const ar = ({
   preload: d,
   onClick: u
 }) => {
-  const g = Ir({ src: t, poster: n, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
+  const g = Mr({ src: t, poster: n, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
     u
   );
   if (g.length === 0)
     return null;
   const p = g.map(
-    (b, w) => Er(b, w, g.length)
+    (b, w) => Tr(b, w, g.length)
   );
   return /* @__PURE__ */ h(
     Ce,
@@ -2652,31 +2652,31 @@ const ar = ({
       ]
     }
   );
-}, Mr = (e) => /* @__PURE__ */ s(Tr, { ...e }), Ar = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), Rr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), Lr = {
-  Composer: Mr,
-  Sent: Ar,
-  Received: Rr
-}, xe = {
-  Image: br,
-  Video: Lr,
-  Audio: Ka,
-  Pdf: Cr,
-  File: cr
-}, Dr = {
+}, Rr = (e) => /* @__PURE__ */ s(Ar, { ...e }), Lr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), Dr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), Pr = {
+  Composer: Rr,
+  Sent: Lr,
+  Received: Dr
+}, we = {
+  Image: xr,
+  Video: Pr,
+  Audio: Ja,
+  Pdf: Er,
+  File: ur
+}, zr = {
   isUnlocking: () => !1
-}, Pr = {
-  LockedAttachment: Dr
-}, Ms = st({}), go = Ms.Provider;
-function zr(e) {
-  return ye(Ms)[e] ?? Pr[e];
+}, Or = {
+  LockedAttachment: zr
+}, Ms = st({}), vo = Ms.Provider;
+function Fr(e) {
+  return ye(Ms)[e] ?? Or[e];
 }
-const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import("./Card-CL8BkAA9.js")), Br = () => /* @__PURE__ */ s(
+const Br = j.lazy(() => import("./Card-qS17qnN0.js")), $r = j.lazy(() => import("./Card-CKBcKjA4.js")), Ur = () => /* @__PURE__ */ s(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), Re = (e) => /* @__PURE__ */ s(Vs, { fallback: /* @__PURE__ */ s(Br, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Or, { ...e }) : /* @__PURE__ */ s(Fr, { ...e }) }), $r = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Re = (e) => /* @__PURE__ */ s(Gs, { fallback: /* @__PURE__ */ s(Ur, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Br, { ...e }) : /* @__PURE__ */ s($r, { ...e }) }), jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2693,10 +2693,10 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
       }
     )
   }
-), Ur = (e) => {
+), Vr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, jr = (e) => {
+}, Gr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, De = (e) => {
@@ -2705,16 +2705,16 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
 }, ft = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Vr = (e) => {
+}, Hr = (e) => {
   var t;
   return ft(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, Gr = (e) => {
+}, Yr = (e) => {
   var t;
   return ft(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, As = (e) => Ur(e) || jr(e), Hr = (e) => {
+}, As = (e) => Vr(e) || Gr(e), Wr = (e) => {
   var t;
   return As(e) && !((t = e.text) != null && t.trim());
-}, qe = ({
+}, We = ({
   message: e,
   standalone: t = !1,
   isMyMessage: n = !1,
@@ -2729,7 +2729,7 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ s(Hn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(Yn, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: v })
     ] });
   }
@@ -2737,15 +2737,15 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s($r, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ h(ee, { children: [
+  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(jr, { size: l ? 12 : 15 }) });
+  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ h(K, { children: [
     u,
     g
-  ] }) : /* @__PURE__ */ h(ee, { children: [
+  ] }) : /* @__PURE__ */ h(K, { children: [
     g,
     u
   ] }) });
-}, Yr = ({
+}, qr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2761,7 +2761,7 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(Yn, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2778,8 +2778,8 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
       children: /* @__PURE__ */ s(qn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), We = () => {
-  const { message: e } = pe("SentMessageDeliveryStatus"), { messages: t } = ue("SentMessageDeliveryStatus"), n = (() => {
+] }), Rs = () => {
+  const { message: e } = me("SentMessageDeliveryStatus"), { messages: t } = ue("SentMessageDeliveryStatus"), n = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
         const r = t[a];
@@ -2787,37 +2787,55 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
           return r.id;
       }
   })();
-  return e.id !== n ? null : /* @__PURE__ */ h(ee, { children: [
-    /* @__PURE__ */ s(Wn, { weight: "bold", "aria-hidden": "true" }),
-    /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-  ] });
-}, qr = () => null, Wr = () => /* @__PURE__ */ s(
-  Ws,
-  {
-    MessageSentStatus: We,
-    MessageDeliveredStatus: We,
-    MessageReadStatus: We,
-    MessageSendingStatus: qr
-  }
-), Xr = /^([a-z][a-z0-9+.-]*):/i, Kr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+  return e.id === n;
+}, qe = () => Rs() ? /* @__PURE__ */ h(K, { children: [
+  /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
+  /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
+] }) : null, Xr = () => Rs() ? /* @__PURE__ */ h(K, { children: [
+  /* @__PURE__ */ s(
+    pe,
+    {
+      className: "sent-message-status__spinner animate-spin",
+      weight: "bold",
+      "aria-hidden": "true"
+    }
+  ),
+  /* @__PURE__ */ s("span", { "data-testid": "sent-message-sending-status", children: "Sending" })
+] }) : null, Kr = () => /* @__PURE__ */ h("span", { className: "str-chat__message-status sent-message-status--failed", children: [
+  /* @__PURE__ */ s(Xn, { weight: "bold", "aria-hidden": "true" }),
+  /* @__PURE__ */ s("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
+] }), Zr = () => {
+  const { isMyMessage: e, message: t, threadList: n } = me(
+    "SentMessageDeliveryStatus"
+  );
+  return t.status === "failed" && e() && t.type !== "error" && !n ? /* @__PURE__ */ s(Kr, {}) : /* @__PURE__ */ s(
+    Xs,
+    {
+      MessageSentStatus: qe,
+      MessageDeliveredStatus: qe,
+      MessageReadStatus: qe,
+      MessageSendingStatus: Xr
+    }
+  );
+}, Jr = /^([a-z][a-z0-9+.-]*):/i, Qr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function gt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = Xr.exec(t);
+  const n = Jr.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return Kr.has(a) ? t : void 0;
+    return Qr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Zr = {
+const ei = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, Jr = ({ variant: e, cta: t }) => {
+}, ti = ({ variant: e, cta: t }) => {
   const n = N(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Zr[e]
+    ei[e]
   ), a = gt(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
@@ -2844,10 +2862,10 @@ const Zr = {
       children: t.label
     }
   );
-}, Qr = {
+}, si = {
   dark: "text-white",
   light: "text-black/90"
-}, ei = "text-white/30", ti = {
+}, ni = "text-white/30", ai = {
   dark: "text-white/55",
   light: "text-black/55"
 }, pt = ({
@@ -2864,10 +2882,10 @@ const Zr = {
   if (!g && !m && !c && !v) return null;
   const p = N(
     "truncate text-base font-medium leading-6",
-    d && !t ? ei : Qr[e]
+    d && !t ? ni : si[e]
   ), b = N(
     "truncate text-xs leading-4",
-    ti[e]
+    ai[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2883,9 +2901,9 @@ const Zr = {
       ] }),
       o && /* @__PURE__ */ s("div", { className: "shrink-0", children: o })
     ] }),
-    l && /* @__PURE__ */ s(Jr, { variant: e, cta: l })
+    l && /* @__PURE__ */ s(ti, { variant: e, cta: l })
   ] });
-}, si = N(
+}, ri = N(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2904,7 +2922,7 @@ const Zr = {
   "data-testid": d
 }) => {
   const u = n != null || a != null, g = N(
-    si,
+    ri,
     o ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2952,10 +2970,10 @@ const Zr = {
       ]
     }
   );
-}, ni = {
+}, ii = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ai = {
+}, oi = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, $e = (e, t) => !!t && !!e && oe(e) === "audio", bt = (e, t) => {
@@ -3013,10 +3031,10 @@ const Zr = {
           {
             className: N(
               "flex h-full w-full items-center justify-center",
-              ni[e]
+              ii[e]
             ),
-            children: ge(r, {
-              className: ai[e],
+            children: be(r, {
+              className: oi[e],
               weight: "regular"
             })
           }
@@ -3026,7 +3044,7 @@ const Zr = {
       ]
     }
   );
-}, ri = ({
+}, li = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3056,7 +3074,7 @@ const Zr = {
       onClick: m,
       "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__ */ s(Xn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Zn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return c ? /* @__PURE__ */ s(Pe, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -3103,7 +3121,7 @@ const Zr = {
       ]
     }
   );
-}, ii = ({
+}, ci = ({
   title: e,
   description: t,
   url: n,
@@ -3156,7 +3174,7 @@ const Zr = {
       ]
     }
   );
-}, oi = ({
+}, di = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3204,9 +3222,9 @@ const Zr = {
     }
   );
 }, Ht = {
-  Composer: ri,
-  Sent: oi,
-  Received: ii
+  Composer: li,
+  Sent: di,
+  Received: ci
 };
 function P(e) {
   const t = e == null ? void 0 : e.trim();
@@ -3215,7 +3233,7 @@ function P(e) {
 function Yt(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function li(e, t) {
+function ui(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
   const n = Yt(e), a = Yt(t);
@@ -3226,7 +3244,7 @@ function li(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function qt(e) {
+function Wt(e) {
   const t = P(e.og_scrape_url) ?? P(e.title_link), n = P(e.image_url) ?? P(e.thumb_url), a = P(e.asset_url), r = P(e.mime_type);
   return {
     title: P(e.title),
@@ -3240,15 +3258,15 @@ function qt(e) {
     mimeType: r
   };
 }
-function ci(e) {
+function mi(e) {
   var t;
-  return Rs(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;
+  return Ls(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 Rs(e) {
+function Ls(e) {
   const t = P(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Ls(e) {
+function Ds(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const l = t[t.length - 1];
@@ -3266,45 +3284,45 @@ function Ls(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Rs(r)) {
+    if (Ls(r)) {
       a(r);
       continue;
     }
-    const i = ci(r);
+    const i = mi(r);
     i && n(i, r);
   }
   return t;
 }
-function di(e) {
+function hi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function ui(e, t, n) {
+function fi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function Wt(e) {
+function qt(e) {
   return P(e.image_url) ?? P(e.asset_url) ?? "";
 }
-function mi(e) {
+function gi(e) {
   switch (e) {
     case "image":
-      return xe.Image;
+      return we.Image;
     case "video":
-      return xe.Video;
+      return we.Video;
     case "audio":
-      return xe.Audio;
+      return we.Audio;
     case "pdf":
-      return xe.Pdf;
+      return we.Pdf;
     default:
-      return xe.File;
+      return we.File;
   }
 }
-function hi(e, t) {
+function pi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: Wt(a),
+            src: qt(a),
             alt: P(a.title)
           }))
         };
@@ -3355,7 +3373,7 @@ function hi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: Wt(n),
+        src: qt(n),
         alt: P(n.title)
       };
     case "video":
@@ -3385,42 +3403,42 @@ function hi(e, t) {
       };
   }
 }
-function fi({
+function bi({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = mi(n.kind), r = {
-    ...hi(n.kind, n.attachments),
+  const a = gi(n.kind), r = {
+    ...pi(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const gi = ({
+const vi = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
   renderText: a
 }) => {
   var v;
-  const r = Ls(n.attachments);
+  const r = Ds(n.attachments);
   if (r.length === 0) return null;
-  const i = di(r), l = (v = n.text) == null ? void 0 : v.trim(), o = r.find((x) => x.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? qt(o.attachments[0] ?? {}).url : void 0, u = l && li(l, d) ? void 0 : l;
+  const i = hi(r), l = (v = n.text) == null ? void 0 : v.trim(), o = r.find((x) => x.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? Wt(o.attachments[0] ?? {}).url : void 0, u = l && ui(l, d) ? void 0 : l;
   let g = 0;
   const m = [], f = (x, p) => {
     const b = t ? Ht.Sent : Ht.Received;
     m.push(
-      /* @__PURE__ */ s(b, { ...qt(x) }, p)
+      /* @__PURE__ */ s(b, { ...Wt(x) }, p)
     );
   }, c = (x, p) => {
-    const b = ui(
+    const b = fi(
       g,
       i,
       e
     );
     g += 1, m.push(
       /* @__PURE__ */ s(
-        fi,
+        bi,
         {
           groupPosition: b,
           isMyMessage: t,
@@ -3467,7 +3485,7 @@ const gi = ({
       /* @__PURE__ */ s(Ze, {})
     ] }) : null
   ] });
-}, pi = (e) => {
+}, xi = (e) => {
   var Ct, St, Et, It, Tt, Mt, At, Rt, Lt, Dt;
   const {
     additionalMessageInputProps: t,
@@ -3486,54 +3504,54 @@ const gi = ({
     renderText: v,
     threadList: x,
     viewerLanguage: p
-  } = e, { client: b } = ke("CustomMessage"), { channel: w } = ue("CustomMessage"), { isUnlocking: E, onUnlockClick: k, onFetchSource: R, onDownloadClick: A } = zr("LockedAttachment"), [z, B] = F(!1), O = Ks(c.id), { selected: L, voteUp: C, voteDown: T } = ba(c), {
-    Attachment: S = Zs,
-    EditMessageModal: I = Js,
+  } = e, { client: b } = ke("CustomMessage"), { channel: w } = ue("CustomMessage"), { isUnlocking: E, onUnlockClick: k, onFetchSource: R, onDownloadClick: A } = Fr("LockedAttachment"), [z, B] = F(!1), O = Zs(c.id), { selected: L, voteUp: C, voteDown: T } = xa(c), {
+    Attachment: S = Js,
+    EditMessageModal: I = Qs,
     MessageActions: y,
-    MessageBlocked: D = Qs,
-    MessageBouncePrompt: H = en,
-    MessageDeleted: q = tn,
-    MessageIsThreadReplyInChannelButtonIndicator: K = sn,
-    MessageRepliesCountButton: Z = nn,
-    ReminderNotification: V = an,
-    StreamedMessageText: _ = rn,
+    MessageBlocked: D = en,
+    MessageBouncePrompt: H = tn,
+    MessageDeleted: W = sn,
+    MessageIsThreadReplyInChannelButtonIndicator: Z = nn,
+    MessageRepliesCountButton: J = an,
+    ReminderNotification: V = rn,
+    StreamedMessageText: _ = on,
     PinIndicator: M
-  } = es("CustomMessage"), $ = on(c), te = ln(c), X = se(
+  } = es("CustomMessage"), $ = ln(c), te = cn(c), X = se(
     () => m == null ? void 0 : m(c),
     [m, c]
   ), U = se(() => {
-    const ce = c.attachments ?? [], fe = c.shared_location ? [c.shared_location, ...ce] : ce;
-    if (!De(c)) return fe;
-    const Pt = fe.filter((zt) => !("type" in zt) || !ps(zt));
-    return Pt.length === fe.length ? fe : Pt;
-  }, [c]), J = se(
-    () => Ls(U),
+    const ce = c.attachments ?? [], ge = c.shared_location ? [c.shared_location, ...ce] : ce;
+    if (!De(c)) return ge;
+    const Pt = ge.filter((zt) => !("type" in zt) || !ps(zt));
+    return Pt.length === ge.length ? ge : Pt;
+  }, [c]), Q = se(
+    () => Ds(U),
     [U]
   ), ae = se(() => {
     const ce = us({ message: c, viewerLanguage: p });
     return ce === c.text ? c : { ...c, text: ce };
-  }, [c, p]), Te = J.length > 0, Me = J.reduce(
-    (ce, fe) => ce + fe.attachments.length,
+  }, [c, p]), Te = Q.length > 0, Me = Q.reduce(
+    (ce, ge) => ce + ge.attachments.length,
     0
-  ) === ((U == null ? void 0 : U.length) ?? 0), re = Ga({
+  ) === ((U == null ? void 0 : U.length) ?? 0), re = Ya({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: l
   });
-  if (cn(c))
+  if (dn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ s(q, { message: c });
-  if (dn(c))
+    return /* @__PURE__ */ s(W, { message: c });
+  if (un(c))
     return /* @__PURE__ */ s(D, {});
-  const le = !x && !!c.reply_count, ie = !x && c.show_in_channel && c.parent_id, xt = c.status === "failed" && ((Ct = c.error) == null ? void 0 : Ct.status) !== 403, wt = un(c);
-  let me;
-  xt ? me = () => u(c) : wt && (me = () => B(!0));
-  const Q = f(), Bs = N(
+  const le = !x && !!c.reply_count, ie = !x && c.show_in_channel && c.parent_id, xt = c.status === "failed" && ((Ct = c.error) == null ? void 0 : Ct.status) !== 403, wt = mn(c);
+  let he;
+  xt ? he = () => u(c) : wt && (he = () => B(!0));
+  const ee = f(), $s = N(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    Q ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ee ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": $,
@@ -3546,7 +3564,7 @@ const gi = ({
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), Ue = c.poll_id && b.polls.fromState(c.poll_id), _t = Hr(c), he = De(c), $s = ft(c), je = !!(U != null && U.length && !c.quoted_message), Nt = he && Q && je, Us = Te && Me && !c.quoted_message && !Ue && !X && !he, yt = {
+  ), Ue = c.poll_id && b.polls.fromState(c.poll_id), _t = Wr(c), fe = De(c), Us = ft(c), je = !!(U != null && U.length && !c.quoted_message), Nt = fe && ee && je, js = Te && Me && !c.quoted_message && !Ue && !X && !fe, yt = {
     contentType: "text",
     amountText: (Et = c.metadata) == null ? void 0 : Et.amount_text,
     paymentStatus: (It = c.metadata) == null ? void 0 : It.payment_status,
@@ -3561,7 +3579,7 @@ const gi = ({
     paymentStatus: (Dt = c.metadata) == null ? void 0 : Dt.payment_status,
     onFetchSource: R ? () => R(c, w) : void 0
   };
-  return /* @__PURE__ */ h(ee, { children: [
+  return /* @__PURE__ */ h(K, { children: [
     a && /* @__PURE__ */ s(
       I,
       {
@@ -3569,7 +3587,7 @@ const gi = ({
       }
     ),
     z && /* @__PURE__ */ s(
-      mn,
+      hn,
       {
         MessageBouncePrompt: H,
         onClose: () => B(!1),
@@ -3579,14 +3597,14 @@ const gi = ({
     /* @__PURE__ */ h(
       "div",
       {
-        className: Bs,
+        className: $s,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
           M && /* @__PURE__ */ s(M, {}),
           !!O && /* @__PURE__ */ s(V, { reminder: O }),
           c.user && /* @__PURE__ */ s(
-            be,
+            ve,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -3594,7 +3612,7 @@ const gi = ({
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: he
+              dmAgentEnabled: fe
             }
           ),
           /* @__PURE__ */ s(
@@ -3604,19 +3622,19 @@ const gi = ({
                 "str-chat__simple-message--error-failed": xt || wt
               }),
               "data-testid": "message-inner",
-              onClick: me,
-              onKeyDown: me,
-              role: me ? "button" : void 0,
-              tabIndex: me ? 0 : void 0,
+              onClick: he,
+              onKeyDown: he,
+              role: he ? "button" : void 0,
+              tabIndex: he ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: _t ? /* @__PURE__ */ s(qe, { message: c, standalone: !0 }) : Vr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                Q && y && /* @__PURE__ */ s(y, {}),
-                Q ? /* @__PURE__ */ s(
+              children: _t ? /* @__PURE__ */ s(We, { message: c, standalone: !0 }) : Hr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                ee && y && /* @__PURE__ */ s(y, {}),
+                ee ? /* @__PURE__ */ s(
                   Re,
                   {
                     ...yt,
@@ -3631,11 +3649,11 @@ const gi = ({
                     onUnlockClick: () => k == null ? void 0 : k(c, w)
                   }
                 ),
-                !Q && y && /* @__PURE__ */ s(y, {})
-              ] }) }) : Gr(c) ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+                !ee && y && /* @__PURE__ */ s(y, {})
+              ] }) }) : Yr(c) ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  Q && y && /* @__PURE__ */ s(y, {}),
-                  Q ? /* @__PURE__ */ s(
+                  ee && y && /* @__PURE__ */ s(y, {}),
+                  ee ? /* @__PURE__ */ s(
                     Re,
                     {
                       ...kt,
@@ -3652,7 +3670,7 @@ const gi = ({
                       onDownloadClick: () => A ? A(c, w) : void 0
                     }
                   ),
-                  !Q && y && /* @__PURE__ */ s(y, {})
+                  !ee && y && /* @__PURE__ */ s(y, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
                   Le,
@@ -3661,11 +3679,11 @@ const gi = ({
                     renderText: v
                   }
                 ) })
-              ] }) : Us ? /* @__PURE__ */ s(
-                gi,
+              ] }) : js ? /* @__PURE__ */ s(
+                vi,
                 {
                   groupPosition: re,
-                  isMyMessage: Q,
+                  isMyMessage: ee,
                   message: {
                     ...ae,
                     attachments: U,
@@ -3677,15 +3695,15 @@ const gi = ({
                   renderText: v
                 }
               ) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                he && !Nt && /* @__PURE__ */ s(
-                  qe,
+                fe && !Nt && /* @__PURE__ */ s(
+                  We,
                   {
                     message: c,
                     hasAttachment: je,
-                    isMyMessage: Q
+                    isMyMessage: ee
                   }
                 ),
-                Ue && /* @__PURE__ */ s(hn, { poll: Ue }),
+                Ue && /* @__PURE__ */ s(fn, { poll: Ue }),
                 U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
                   S,
                   {
@@ -3710,17 +3728,17 @@ const gi = ({
               ] }) })
             }
           ),
-          !$s && !_t && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!he || Nt) && /* @__PURE__ */ s(
-              qe,
+          !Us && !_t && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+            (!fe || Nt) && /* @__PURE__ */ s(
+              We,
               {
                 message: c,
                 hasAttachment: je,
-                isMyMessage: Q
+                isMyMessage: ee
               }
             ),
-            n && he && /* @__PURE__ */ s(
-              Yr,
+            n && fe && /* @__PURE__ */ s(
+              qr,
               {
                 selected: L,
                 onVoteUp: C,
@@ -3728,29 +3746,29 @@ const gi = ({
               }
             )
           ] }),
-          /* @__PURE__ */ s(Wr, {}),
+          /* @__PURE__ */ s(Zr, {}),
           le && /* @__PURE__ */ s(
-            Z,
+            J,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ie && /* @__PURE__ */ s(K, {})
+          ie && /* @__PURE__ */ s(Z, {})
         ]
       },
       c.id
     )
   ] });
-}, bi = j.memo(
-  pi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Xs(e, t)
-), vi = (e) => {
-  const t = pe("CustomMessage");
-  return /* @__PURE__ */ s(bi, { ...t, ...e });
-}, xi = () => {
+}, wi = j.memo(
+  xi,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
+), _i = (e) => {
+  const t = me("CustomMessage");
+  return /* @__PURE__ */ s(wi, { ...t, ...e });
+}, Ni = () => {
   var n;
-  const { handleDelete: e, message: t } = pe("CustomMessageActions");
+  const { handleDelete: e, message: t } = me("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
     rs,
     {
@@ -3758,11 +3776,11 @@ const gi = ({
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Kn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Jn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, wi = () => {
-  const { handleFlag: e } = pe("CustomMessageActions");
+}, yi = () => {
+  const { handleFlag: e } = me("CustomMessageActions");
   return /* @__PURE__ */ s(
     rs,
     {
@@ -3773,19 +3791,19 @@ const gi = ({
       children: /* @__PURE__ */ s(ts, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, _i = () => {
+}, ki = () => {
   var t;
-  const { message: e } = pe("CustomMessageActions");
+  const { message: e } = me("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    ea,
+    sa,
     {
       messageActionSet: [
-        { Component: xi, placement: "quick", type: "delete" },
-        { Component: wi, placement: "quick", type: "flag" }
+        { Component: Ni, placement: "quick", type: "delete" },
+        { Component: yi, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Ni = ({
+}, Ci = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3825,14 +3843,14 @@ const gi = ({
       ]
     }
   );
-}, yi = (e) => ({
+}, Si = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Ot.previewIsLoaded(t) || Ot.previewIsLoading(t)
   )
-}), ki = () => {
-  const { linkPreviewsManager: e } = fn(), { linkPreviews: t } = gn(
+}), Ei = () => {
+  const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
     e.state,
-    yi
+    Si
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3845,9 +3863,9 @@ const gi = ({
     // block so it keeps its intrinsic height and the container scrolls — a
     // bare flex-column child would be shrunk on the column axis and its
     // fixed-height hero would spill out of the collapsed card box.
-    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ni, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
+    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ci, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Oe = j.createContext(!1), Ci = 200, po = () => ye(Oe), Si = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Oe = j.createContext(!1), Ii = 200, xo = () => ye(Oe), Ti = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3856,12 +3874,12 @@ const gi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ s(Zn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(Qn, { weight: "bold", className: "size-4" })
   }
 ), Xt = () => {
-  const e = ye(Oe), { handleSubmit: t } = pn(), n = bn(), a = e || !n, {
-    SendButton: r = Si,
-    AttachmentPreviewList: i = vn
+  const e = ye(Oe), { handleSubmit: t } = bn(), n = vn(), a = e || !n, {
+    SendButton: r = Ti,
+    AttachmentPreviewList: i = xn
   } = es("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
@@ -3892,13 +3910,13 @@ const gi = ({
         "data-dd-privacy": "mask",
         children: [
           /* @__PURE__ */ h("div", { className: "messaging-composer-previews empty:hidden flex min-h-0 flex-col gap-2 px-2 pt-2", children: [
-            /* @__PURE__ */ s(xn, {}),
-            /* @__PURE__ */ s(ki, {}),
+            /* @__PURE__ */ s(wn, {}),
+            /* @__PURE__ */ s(Ei, {}),
             /* @__PURE__ */ s(i, {})
           ] }),
           /* @__PURE__ */ h("div", { className: "messaging-composer-row flex shrink-0 items-start", children: [
             /* @__PURE__ */ s(
-              wn,
+              _n,
               {
                 "aria-disabled": e || void 0,
                 containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -3948,7 +3966,7 @@ const gi = ({
       c = p;
       const w = Array.from(
         f.querySelectorAll(".str-chat__list")
-      ).find((k) => k.scrollHeight > k.clientHeight) ?? null, E = w ? w.scrollHeight - w.scrollTop - w.clientHeight < Ci : !1;
+      ).find((k) => k.scrollHeight > k.clientHeight) ?? null, E = w ? w.scrollHeight - w.scrollTop - w.clientHeight < Ii : !1;
       f.style.setProperty(
         "--messaging-composer-height",
         `${p}px`
@@ -3981,7 +3999,7 @@ const gi = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ h(ee, { children: [
+  ) : /* @__PURE__ */ h(K, { children: [
     t == null ? void 0 : t(),
     /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
     n == null ? void 0 : n()
@@ -4035,22 +4053,22 @@ const gi = ({
     ),
     n == null ? void 0 : n()
   ] });
-}, Ei = [
+}, Mi = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ii = {
+], Ai = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ti = [
+}, Ri = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Mi = ["SYSTEM_AGE_SAFETY_BLOCKED"], Ai = {
+], Li = ["SYSTEM_AGE_SAFETY_BLOCKED"], Di = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Xe = "age safety guidelines.", Ri = "https://linktr.ee/s/about/contact", Zt = (e) => Ei.includes(e), Li = (e) => Ti.includes(e), Di = (e) => Mi.includes(
+}, Xe = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", Zt = (e) => Mi.includes(e), zi = (e) => Ri.includes(e), Oi = (e) => Li.includes(
   e
-), Pi = (e) => {
+), Fi = (e) => {
   var t;
-  return Di((t = e.metadata) == null ? void 0 : t.custom_type);
-}, zi = (e) => {
+  return Oi((t = e.metadata) == null ? void 0 : t.custom_type);
+}, Bi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (Zt(t))
@@ -4058,7 +4076,7 @@ const gi = ({
       kind: "dm-agent",
       type: t
     };
-  if (Li(t))
+  if (zi(t))
     return {
       kind: "age-safety",
       type: t
@@ -4069,17 +4087,17 @@ const gi = ({
       kind: "dm-agent",
       type: n
     };
-}, Oi = (e) => {
+}, $i = (e) => {
   const t = e.indexOf(Xe);
   if (t === -1)
     return e;
   const n = t + Xe.length;
-  return /* @__PURE__ */ h(ee, { children: [
+  return /* @__PURE__ */ h(K, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
       {
-        href: Ri,
+        href: Pi,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4088,13 +4106,13 @@ const gi = ({
     ),
     e.slice(n)
   ] });
-}, Fi = (e) => {
+}, Ui = (e) => {
   var a, r;
-  const t = !Pi(e.message), n = zi(
+  const t = !Fi(e.message), n = Bi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ii[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ai[n.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -4104,7 +4122,7 @@ const gi = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Jn,
+              ea,
               {
                 size: 16,
                 weight: "regular",
@@ -4120,7 +4138,7 @@ const gi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ai[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Di[n.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -4130,7 +4148,7 @@ const gi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Qn,
+              ta,
               {
                 size: 24,
                 weight: "duotone",
@@ -4139,7 +4157,7 @@ const gi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Oi(i) }) })
+            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: $i(i) }) })
           ]
         }
       ),
@@ -4154,7 +4172,7 @@ const gi = ({
     ] }),
     !t && /* @__PURE__ */ s(Ve, { message: e.message })
   ] });
-}, Ds = st(!1), Ke = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Ps = st(!1), Ke = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4164,15 +4182,15 @@ const gi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Bi = /* @__PURE__ */ new Set([
+) }), ji = /* @__PURE__ */ new Set([
   Ge.Thinking,
   Ge.Generating,
   Ge.ExternalSources
-]), $i = ({ threadList: e }) => {
+]), Vi = ({ threadList: e }) => {
   var v, x;
-  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = ke(), { typing: i = {} } = _n(), { aiState: l } = Nn(t), o = ye(Ds);
-  if (!e && o && Bi.has(l)) {
-    const p = Ui(t, (v = r.user) == null ? void 0 : v.id);
+  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = ke(), { typing: i = {} } = Nn(), { aiState: l } = yn(t), o = ye(Ps);
+  if (!e && o && ji.has(l)) {
+    const p = Gi(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ s(
       Jt,
       {
@@ -4223,7 +4241,7 @@ const gi = ({
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ s(
-        be,
+        ve,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4252,7 +4270,7 @@ const gi = ({
     ] })
   }
 );
-function Ui(e, t) {
+function Gi(e, t) {
   var a;
   const n = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(n)) {
@@ -4261,7 +4279,7 @@ function Ui(e, t) {
       return i;
   }
 }
-const ji = () => null, Vi = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Hi = () => null, Yi = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: N("flex items-center justify-center h-full", e),
@@ -4305,11 +4323,11 @@ const ji = () => null, Vi = ({ className: e, message: t }) => /* @__PURE__ */ h(
     ]
   }
 ), Fe = j.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(Vi, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(Yi, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Fe.displayName = "LoadingState";
-const Gi = ({
+const Wi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4339,7 +4357,7 @@ const Gi = ({
   const { channel: O } = ue(), L = O.state.messages.some(
     (I) => I.type !== "deleted"
   ), C = b ? /* @__PURE__ */ s(j.Fragment, { children: b() }, "lt-channel-banner") : null, T = /* @__PURE__ */ s(
-    fa,
+    pa,
     {
       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,
@@ -4358,10 +4376,10 @@ const Gi = ({
       renderChannelActions: E,
       onParticipantNameClick: z
     }
-  ), S = W(
+  ), S = q(
     (I) => {
-      const { message: y } = pe("ChannelView"), D = /* @__PURE__ */ s(
-        vi,
+      const { message: y } = me("ChannelView"), D = /* @__PURE__ */ s(
+        _i,
         {
           ...I,
           chatbotVotingEnabled: p,
@@ -4372,16 +4390,16 @@ const Gi = ({
     },
     [p, k, R]
   );
-  return /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(
-    kn,
+  return /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(
+    Cn,
     {
       overrides: {
         Message: S,
-        MessageActions: _i,
+        MessageActions: ki,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ s(Cn, { children: B ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ s(Sn, { children: B ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ h(
           "div",
           {
@@ -4422,7 +4440,7 @@ const Gi = ({
           },
           "lt-channel-message-input"
         )
-      ] }) : /* @__PURE__ */ h(ee, { children: [
+      ] }) : /* @__PURE__ */ h(K, { children: [
         /* @__PURE__ */ h(
           "div",
           {
@@ -4464,7 +4482,7 @@ const Gi = ({
       ] }) })
     }
   ) });
-}, Ps = j.memo(
+}, zs = j.memo(
   ({
     channel: e,
     onBack: t,
@@ -4475,7 +4493,7 @@ const Gi = ({
     onLeaveConversation: l,
     onBlockParticipant: o,
     className: d,
-    CustomChannelEmptyState: u = ji,
+    CustomChannelEmptyState: u = Hi,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: f,
@@ -4501,10 +4519,10 @@ const Gi = ({
     onParticipantNameClick: D,
     composerInput: H
   }) => {
-    const q = W(
-      async (Z, V, _) => {
-        var J;
-        const M = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, $ = w && !M, te = {
+    const W = q(
+      async (J, V, _) => {
+        var Q;
+        const M = ((Q = e.data) == null ? void 0 : Q.chatbot_paused) === !0, $ = w && !M, te = {
           ...V,
           ...$ && { silent: !0 },
           ...E && {
@@ -4520,40 +4538,40 @@ const Gi = ({
         return k == null || k(U), U;
       },
       [e, w, E, k]
-    ), K = G(null);
+    ), Z = G(null);
     return Y(() => {
       if (!C) return;
-      const Z = K.current;
-      if (!Z) return;
+      const J = Z.current;
+      if (!J) return;
       const V = (_) => {
         const M = _.target, $ = M == null ? void 0 : M.closest("a[href]"), te = $ == null ? void 0 : $.getAttribute("href");
         if (!te) return;
-        const X = $ == null ? void 0 : $.closest("[data-message-id]"), U = X == null ? void 0 : X.getAttribute("data-message-id"), J = U ? e.state.messages.find((ae) => ae.id === U) : void 0;
-        C(te, J);
+        const X = $ == null ? void 0 : $.closest("[data-message-id]"), U = X == null ? void 0 : X.getAttribute("data-message-id"), Q = U ? e.state.messages.find((ae) => ae.id === U) : void 0;
+        C(te, Q);
       };
-      return Z.addEventListener("click", V), () => Z.removeEventListener("click", V);
+      return J.addEventListener("click", V), () => J.removeEventListener("click", V);
     }, [C, e]), /* @__PURE__ */ s(
       "div",
       {
-        ref: K,
+        ref: Z,
         className: N(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Ds.Provider, { value: w ?? !1, children: /* @__PURE__ */ s(
-          yn,
+        children: /* @__PURE__ */ s(Ps.Provider, { value: w ?? !1, children: /* @__PURE__ */ s(
+          kn,
           {
             channel: e,
-            MessageSystem: Fi,
+            MessageSystem: Ui,
             EmptyStateIndicator: u,
             LoadingIndicator: Fe,
-            DateSeparator: ga,
-            TypingIndicator: $i,
-            doSendMessageRequest: q,
+            DateSeparator: ba,
+            TypingIndicator: Vi,
+            doSendMessageRequest: W,
             ...T ? { SendButton: T } : {},
             ...S ? { AttachmentPreviewList: S } : {},
             children: /* @__PURE__ */ s(
-              Gi,
+              Wi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4589,8 +4607,8 @@ const Gi = ({
     );
   }
 );
-Ps.displayName = "ChannelView";
-const we = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+zs.displayName = "ChannelView";
+const _e = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ s("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -4604,8 +4622,8 @@ const we = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
     }
   )
 ] }) }));
-we.displayName = "ErrorState";
-const bo = ({
+_e.displayName = "ErrorState";
+const wo = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4637,8 +4655,8 @@ const bo = ({
     refreshConnection: L,
     service: C,
     debug: T
-  } = ta(), [S, I] = F(null), [y, D] = F(null), [H, q] = F(!1), { showDeleteConversation: K = !0 } = e, Z = G(l);
-  Z.current = l;
+  } = na(), [S, I] = F(null), [y, D] = F(null), [H, W] = F(!1), { showDeleteConversation: Z = !0 } = e, J = G(l);
+  J.current = l;
   const V = G(a);
   V.current = a;
   const _ = G(null), M = G(null);
@@ -4651,7 +4669,7 @@ const bo = ({
     const U = `${X}::${i}`;
     if (_.current === U) return;
     _.current = U;
-    const J = () => {
+    const Q = () => {
       _.current === U && (_.current = null);
     };
     (async () => {
@@ -4676,9 +4694,9 @@ const bo = ({
           );
           return;
         }
-        const le = Z.current;
+        const le = J.current;
         if (!le || !C) {
-          J(), D("No conversation found with this account"), T && console.log(
+          Q(), D("No conversation found with this account"), T && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -4698,30 +4716,30 @@ const bo = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             ie
-          ), J(), D("Failed to create conversation");
+          ), Q(), D("Failed to create conversation");
         }
       } catch (re) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           re
-        ), J(), M.current || D("Failed to load conversation");
+        ), Q(), M.current || D("Failed to load conversation");
       }
     })();
   }, [i, A, z, C, T]);
   const $ = G(r);
   $.current = r;
-  const te = W(() => {
+  const te = q(() => {
     var X;
-    I(null), q(!0), (X = $.current) == null || X.call($);
+    I(null), W(!0), (X = $.current) == null || X.call($);
   }, []);
-  return B ? /* @__PURE__ */ s(Fe, {}) : O ? /* @__PURE__ */ s(we, { message: O, onBack: L }) : !z || !A ? /* @__PURE__ */ s(
-    we,
+  return B ? /* @__PURE__ */ s(Fe, {}) : O ? /* @__PURE__ */ s(_e, { message: O, onBack: L }) : !z || !A ? /* @__PURE__ */ s(
+    _e,
     {
       message: "Not connected to messaging service",
       onBack: L
     }
-  ) : y ? /* @__PURE__ */ s(we, { message: y }) : H && !S ? /* @__PURE__ */ s(we, { message: "Conversation ended" }) : S ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    Ps,
+  ) : y ? /* @__PURE__ */ s(_e, { message: y }) : H && !S ? /* @__PURE__ */ s(_e, { message: "Conversation ended" }) : S ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
+    zs,
     {
       channel: S,
       renderMessageInputActions: t,
@@ -4730,7 +4748,7 @@ const bo = ({
       onLeaveConversation: te,
       onBlockParticipant: te,
       CustomChannelEmptyState: o,
-      showDeleteConversation: K,
+      showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: g,
@@ -4748,13 +4766,13 @@ const bo = ({
     S.id
   ) }) }) : /* @__PURE__ */ s(Fe, {});
 };
-function Hi(e) {
+function qi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const zs = j.createContext({
+const Os = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4762,18 +4780,18 @@ const zs = j.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Yi = zs.Provider, qi = () => j.useContext(zs), Wi = (e, t) => {
+}), Xi = Os.Provider, Ki = () => j.useContext(Os), Zi = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Xi = (e) => {
+}, Ji = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Wi(e, t);
+  const a = Zi(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4783,7 +4801,7 @@ const zs = j.createContext({
     month: "short",
     year: "2-digit"
   });
-}, Os = j.memo(
+}, Fs = j.memo(
   (e) => {
     var B, O, L;
     const { channel: t, unread: n } = e, {
@@ -4793,7 +4811,7 @@ const zs = j.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = qi(), { client: u } = ke(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = os(t);
+    } = Ki(), { client: u } = ke(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = os(t);
     if (l)
       return /* @__PURE__ */ s(
         l,
@@ -4840,7 +4858,7 @@ const zs = j.createContext({
       if (C) return C;
       const I = (y = b == null ? void 0 : b.attachments) == null ? void 0 : y[0];
       return I ? I.og_scrape_url ? I.og_scrape_url : I.type === "image" ? "📷 Sent an image" : I.type === "video" ? "🎥 Sent a video" : I.type === "audio" ? "🎵 Sent audio" : I.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), k = b != null && b.created_at ? Xi(new Date(b.created_at)) : "", R = b ? De(b) : !1, A = o ? o(b, E) : `${R ? "✨ " : ""}${E}`, z = n ?? 0;
+    })(), k = b != null && b.created_at ? Ji(new Date(b.created_at)) : "", R = b ? De(b) : !1, A = o ? o(b, E) : `${R ? "✨ " : ""}${E}`, z = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
@@ -4864,7 +4882,7 @@ const zs = j.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
-            be,
+            ve,
             {
               id: ((L = v == null ? void 0 : v.user) == null ? void 0 : L.id) || t.id || "unknown",
               name: x,
@@ -4899,18 +4917,18 @@ const zs = j.createContext({
     );
   }
 );
-Os.displayName = "CustomChannelPreview";
-const Ki = { last_message_at: -1 }, Zi = j.memo(
+Fs.displayName = "CustomChannelPreview";
+const Qi = { last_message_at: -1 }, eo = j.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Ki,
+    sort: i = Qi,
     className: l,
     customEmptyStateIndicator: o,
-    channelListPaginator: d = En,
+    channelListPaginator: d = In,
     channelPreview: u,
     renderMessagePreview: g,
     viewerLanguage: m,
@@ -4926,7 +4944,7 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
     const { debug: E = !1 } = nt(), k = j.useCallback(
       (A) => {
         for (const z of A)
-          Hi(z);
+          qi(z);
         return r ? r(A) : A;
       },
       [r]
@@ -4961,8 +4979,8 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Yi, { value: R, children: /* @__PURE__ */ s(
-          Sn,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Xi, { value: R, children: /* @__PURE__ */ s(
+          En,
           {
             filters: n,
             sort: i,
@@ -4976,7 +4994,7 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
             onAddedToChannel: p,
             onChannelUpdated: b,
             Paginator: d,
-            Preview: Os,
+            Preview: Fs,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -4985,11 +5003,11 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
     );
   }
 );
-Zi.displayName = "ChannelList";
-const Qt = `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%`, Ji = {
+eo.displayName = "ChannelList";
+const Qt = `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%`, to = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Qi = ({ variant: e }) => /* @__PURE__ */ s(
+}, so = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -4999,12 +5017,12 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: Ji[e],
+      backgroundColor: to[e],
       WebkitMask: Qt,
       mask: Qt
     }
   }
-), eo = {
+), no = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5013,7 +5031,7 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, Fs = ({
+}, Bs = ({
   variant: e,
   text: t,
   tail: n = !0,
@@ -5029,23 +5047,23 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       r
     ),
     style: {
-      ...eo[e],
+      ...no[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words", children: t }),
-      n && /* @__PURE__ */ s(Qi, { variant: e })
+      n && /* @__PURE__ */ s(so, { variant: e })
     ]
   }
-), to = ({
+), ao = ({
   text: e,
   tail: t,
   header: n,
   className: a
 }) => /* @__PURE__ */ s(
-  Fs,
+  Bs,
   {
     variant: "received",
     text: e,
@@ -5053,10 +5071,10 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), so = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Fs, { variant: "sent", text: e, tail: t, className: n }), vo = {
-  Sent: so,
-  Received: to
-}, no = ({
+), ro = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Bs, { variant: "sent", text: e, tail: t, className: n }), _o = {
+  Sent: ro,
+  Received: ao
+}, io = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5078,7 +5096,7 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), xo = ({
+), No = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5090,7 +5108,7 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   const o = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.order ?? 0));
   return o.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || l) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
-      be,
+      ve,
       {
         id: l || "account",
         name: l || "Account",
@@ -5107,7 +5125,7 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           o.map((d) => /* @__PURE__ */ s(
-            no,
+            io,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5123,40 +5141,40 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
 export {
   hs as A,
   ot as B,
-  ji as C,
+  Hi as C,
   cs as D,
-  po as E,
-  xo as F,
-  zr as G,
-  ba as H,
-  ta as I,
+  xo as E,
+  No as F,
+  Fr as G,
+  xa as H,
+  na as I,
   Ht as L,
-  fo as M,
-  ve as a,
-  be as b,
-  Zi as c,
-  Ps as d,
-  go as e,
-  no as f,
+  bo as M,
+  xe as a,
+  ve as b,
+  eo as c,
+  zs as d,
+  vo as e,
+  io as f,
   oe as g,
   Re as h,
-  xe as i,
-  vo as j,
-  Yr as k,
-  ho as l,
-  bo as m,
-  er as n,
+  we as i,
+  _o as j,
+  qr as k,
+  po as l,
+  wo as m,
+  sr as n,
   de as o,
-  Za as p,
-  Xi as q,
-  ge as r,
-  Qa as s,
+  Qa as p,
+  Ji as q,
+  be as r,
+  tr as s,
   us as t,
   ps as u,
-  ra as v,
-  Ga as w,
-  va as x,
+  oa as v,
+  Ya as w,
+  wa as x,
   ls as y,
   it as z
 };
-//# sourceMappingURL=index-CGWNR062.js.map
+//# sourceMappingURL=index-fP-uUIi5.js.map